ReactFoo-VueDay Pune edition

React and Vue for performance engineering and front-end development

Attend

Put a knob on that Redux store

Submitted by Thiyagaraj T (@thewizardjs) on Friday, 9 August 2019

Duration: 20 mins crisp talk Duration: 30 mins full talk Status: Confirmed & Scheduled

View proposal in schedule

Abstract

State is like a film reel (Quite Literally) & you need to set the right FPS for your user. Discover how to improve rendering performance of your react app using batched actions, action queue & throttling. Find out how to design your own middlewares to instrument action dispatching for performance.

Outline

  • How state is like a film reel? See redux in motion.
  • Dispatch Dispatch Everywhere! Centralized store but localised action dispatching. How to make minimum updates to the store?
  • How to mitigate intermediate states to avoid undesired state, hollow re-renders & improve render performance?
  • Discover your new super power - Batched Actions, minimize the number of React re-renders by batching actions.
  • Designing an Action Queue for your store - Enable, Flush, Priority, Size, Queue Jumpers.
  • Throttle actions which can wait - ThrottleQueue for high frequency & low priority actions.
  • Put a knob on that store! Yes you need to, Every app is not the same. (Intro to redux-knob)
  • Orchestrate multiple Action Queues with a Queue Factory.
  • Ideas around different queue strategies, like scheduling actions based on priority, buffer & time based.

Requirements

Basic understanding of Redux.

Speaker bio

Sr.UI Engineer at kubric.io, BlrCSS Organizer
Open Source contrubutor, Google Code In Mentor 2017, 2018
Ex GDG Organizer, Talk to me - React, CSS, Firebase, PWA & Pets.
I love drawing on Codepen codepen.io/thewizardjs

Links

Slides

https://docs.google.com/presentation/d/1Sd8lmQvdgDtOEAEdY_F2bPy9_GYhbbvm2VGtcuPHFeo/edit?usp=sharing

Comments

  •   Raghavendra Satish Peri (@artofvision) Reviewer 5 months ago

    Hello,
    At hasgeek events we are trying to make our events accessible for people with disabilities. To achieve our goal is to first get the content of presentations accessible. Here is some guidance to make the presentations accessible. Please use these fonts & size so that even able body people can see the content in the auditorium during presentation.

    Fonts and Font Size
    Because they are the easiest to read, only use Sans Serif fonts, such as Arial and Verdana. Since a PowerPoint presentation will most likely be projected onto a large screen consider how far the audience will be from the screen and choose a font size accordingly. The minimum font size for a PowerPoint presentation should be 24 points.

    For more accessibility info on making presentations accessible use the following link
    https://www.framingham.edu/Assets/uploads/about-fsu/accessibility/_documents/7-steps-accessible-ppt.pdf

Login with Twitter or Google to leave a comment