~/talk

Modern Redux with Redux Toolkit

Talkat React Miami 2023 · 2023-04-20..04-21· [react, frontend-architecture]
slides:none on file

Redux Toolkit removes boilerplate by providing configureStore, createSlice (with Immer built in) and helpers like createAsyncThunk and createEntityAdapter so reducers and async flows shrink to a few lines; rtk Query generates hooks (example: useGetPokemonByNameQuery) to handle fetching and caching; Listener middleware offers saga‑like async workflows with async/await. Toolkit reports dramatically fewer mutation bugs and the project ships Redux Toolkit 2.0 Alpha 5 and Redux core 5.0 Alpha with modern ESM builds and smaller bundles.

AI-written summary · about

  1. 0:00Redux Toolkit intro
  2. 3:55Why RTK was created
  3. 6:04Configure store with configureStore
  4. 7:51Immutable updates with Immer
  5. 9:17Simplify reducers with createSlice
  6. 12:31Async logic with createAsyncThunk
  7. 14:16RTK Query for data fetching
  8. 18:35Replace sagas with Listener Middleware
  9. 20:43TypeScript support in Redux Toolkit
  10. 23:55Deprecating original Redux API
  11. 25:41RTK 2.0 and future plans
  12. 28:13Conclusion and migration
~/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.