Breathing New Life into Redux by Linking State with React Context
summary
The talk explains how to modernize existing Redux apps by adding dependency injection and linking Redux state to React Context instead of rewriting the state manager. It describes the challenges encountered when applying clean architecture to a React+Redux codebase, the solution the team developed, and how that solution evolved into a lightweight plugin that connects Redux with React Context.
AI-written summary · about
chapters (25)
- 0:00Introduction
- 1:04Modern Redux issues
- 3:11Redux selector problems
- 6:38Why not change state manager
- 8:01Selector problem solutions
- 10:51React Context as DI base
- 12:36Redux Current concept
- 13:37Redux Current internals API
- 15:01Keys in Redux Current
- 16:26Selector injection via providers
- 17:50Selectors linked to contexts
- 19:15Action injection and usage
- 20:41React state with Redux Current
- 21:43Array mapping in Redux Current
- 23:51Smart component issues in Atomic
- 25:38Refactoring smart components
- 27:00Typing and modules in Redux Current
- 28:47Arrays and element keys
- 30:09Component export and usage
- 31:15Smart component team management
- 32:16Nested smart components mapping
- 33:41Redux Current conclusions
- 35:50Advantages no middleware
- 36:53Demo and library links
- 37:14Q&A
related talks
15mRedux is dead, long live redux!
56mEliminate extra dependencies : State management for React apps with hooks
15mStop using Redux
51mBuilding React Applications with Redux
25mRedux is dead, long live Redux!
05mRedux dhe velgat për pasimin e të dhënave në komponente të React
44mThe Fundamentals of Redux
55mThe State of React’s State in 2019