React in All Its States
summary
A small trips app is implemented three ways to compare state strategies: plain React using Context + useReducer; Redux Toolkit using RTK slices and createAsyncThunk (with auto-generated pending/fulfilled/rejected actions) shown via an iterative Redux→RTK migration that reduces boilerplate; and Recoil using asynchronous selectors with cached results exposed to components and Suspense integration. The demo highlights RTK’s reduced boilerplate versus plain Redux and shows Recoil’s transparent caching and minimal setup in the demo, while noting potential scalability concerns for very large selector graphs.
AI-written summary · about
chapters (14)
- 0:00Intro
- 0:42Hello world
- 2:00A state?
- 6:39Redux Toolkit - RTK
- 15:40Back to basics
- 16:42Component composition
- 18:41Context matters
- 24:05Core concepts: Atoms
- 24:37Core concepts: Selectors
- 25:37Core concepts: Hooks
- 34:32Recap
- 37:52What problems?
- 39:10Reducing noise
- 41:13Recoil Devtools
