ReactFoo-VueDay Pune edition

The web development world looked a lot different at the beginning of this decade. Full stack development was seeing its origins, with a number of JavaScript frameworks being developed for both front and back end use. A number of the large software companies around us today - AirBnb, Uber, Hulu - built the first versions of their products on such frameworks. These frameworks – one of which was Backbone.js – look very different from the frameworks most of us are used to. Built during a time of an extremely limited JavaScript, these frameworks did not evolve at the same rate over this past decade as JavaScript. Cut to 2019, even though they retain their place in very large codebases, there are very few developers comfortable writing code in them; they slow down parts of the application, feature building and debugging – just because it is difficult to introduce newer, modern frameworks into such legacy codebases. We performed a similar experiment in our own application – of introducing Vue to a very large application writtin in Backbone.js – and learned a lot in the experience. The aim will be to lightly outline how we implemented this mixed migration, and what specific benefits we observed in the process.

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.