~/talk

How to Write Bad Code in Redux

Talkat ReactNext 2018 · on Sunday, 2018-11-04· [react]
slides:none on file

Redux does not guarantee a single source of truth and projects using it for dozens of apps discover real bugs from accidental mutations and deep cloning; development teams adopt redux-freeze and lodash/fp or immer to catch or avoid mutation, keep plain objects for serialization and TypeScript friendliness, derive views with reselect and separate server vs UI state, and implement an API middleware with labeled counters plus a single loading reducer — a concrete middleware plus boilerplate that proved reusable across many projects.

AI-written summary · about

  1. 0:00Intro
  2. 0:20Who agrees with this
  3. 2:08Immutable data
  4. 3:08Shallow copy
  5. 4:42Redux Freeze
  6. 6:01Deep Cloning
  7. 7:03EEMA
  8. 7:53Reducers
  9. 8:25Selectors
  10. 10:37Single Source of Truth
  11. 12:50Selectors and Reducers
  12. 13:40Middleware
  13. 14:43State Design
  14. 17:02Code Reuse
  15. 19:39Boilerplate
  16. 20:56API middleware walkthrough
  17. 23:44Higherorder reducers
  18. 25:28Outro
~/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.