~/talk

React + Redux: Performance & Scalability

TalkinRussianat JavaScript fwdays'17 · on Saturday, 2017-04-22· [react, frontend-architecture]
links:none on file
slides:none on file

Shows that normalizing the Redux store and using reselect’s memoized, composable selectors greatly improves performance and scalability. Measured on a calendar app, this approach reduced scripting time by ~20–27% and render time by ~94.1% in incremental updates (other tests showed ~50% scripting and >60% rendering gains). Recommends creating per-instance selector factories in mapStateToProps to avoid cache misses, keeping derived-data generation inside selectors (not components), and using tools like normalizr, reselect, and Redux Toolkit.

AI-written summary · about

  1. 0:00Start
  2. 22:37TESTING: PAGE RELOAD
  3. 24:28REACT PERFORMANCE TIPS
  4. 27:03SUMMARY TIPS
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.