Description
In this course, you will learn :
- Learn redux toolkit
- Learn redux modern practices
- Learn how to use the redux toolkit to handle async operations.
- Learn how to slice your application state.
- Learn how to use the redux toolkit to simplify common complex redux setups.
Syllabus :
1. What is Redux Toolkit and Why Use it?
- Who is This Course For?
- What is Redux Toolkit (RTK)?
- The Problems Redux Toolkit Tries to Solve
2. Building Your First Redux Toolkit Application
- Getting Started With a Plain Redux App
- Simpler Store Configurations with configureStore
- Define Redux Actions with createAction
- Creating Reducers with createReducer
- New Terminology: Slices of State
- Creating Slices of State with createSlice
3. Challenge on Building Your First Redux toolkit Application
- The Details of the Challenge
- The Solution to the Challenge
4. RTK Deep Dive: Build a Twitter Search Application
- Introduction
- Setting Up an RTK Project
- Setting Up the RTK Store with configureStore
- Setting Up HMR (Hot Module Replacement)
- Building Out the Initial Application UI
- Syncing UI State with the Redux Store
- Initial Application Data Fetch
- Thunks and Redux Toolkit
- Thunk Dispatch and Handling the UI Loading State
- Async Error Handling Logic in Thunks
- How to Log Draft State Values
- Simplifying Thunks With createAsyncThunk
- Using Promise Lifecycle Actions From createAsyncThunk
- Refactoring Tweetfind to Use createAsyncThunk