Полный курс Redux 2024 за 20 минут!
Boosty: https://boosty.to/ogwebtalks
Patreon: / ogwebtalks
В этом видео мы разбираемся с обновлениями Redux и как они могут помочь вам в разработке приложений на React.js. Вы узнаете о новых возможностях Redux Toolkit, RTK Query и Redux Thunk, а также о том, как эффективно управлять состоянием ваших проектов. Мы покажем, как работать с redux store, применять middleware и использовать новые подходы в создании reducer'ов. Этот курс подойдет как начинающим, так и опытным разработчикам, желающим освоить новый Redux или углубить свои знания.
🕒 Разбивка по времени:
00:00 - Вступление
00:19 - Как работает Redux сейчас?
02:10 - Причина обновления Redux / useSyncExternalStore
04:16 - Обновление createReducer / extraReducers
04:54 - Обновление Middleware
05:20 - createStore deprecated?
05:49 - Обновление action.type
06:33 - Отказываемся от AnyAction
07:10 - Типы Middleware / PreloadedState
08:32 - Codemods
09:44 - Обновление Enhancers
10:34 - new Tuple() в configureStore.middleware
11:37 - createSelector и weakMapMemoize
12:05 - Redux в React 18
12:23 - withLazyLoadedSlices
13:09 - Примеры. Slices / Reducers
14:52 - Примеры. Selectors
16:10 - Пример createAsyncThunk
16:46 - Типизация Typescript
18:25 - Пример createSliceWithThunks
19:38 - Immer 10
21:06 - Next.js с новым Redux
21:41 - npm - overrides
22:14 - CodeSandbox
🔖 Теги: JavaScript, JS, React.js, Redux, Redux Toolkit