Log In
0% completed
All Lessons
Free Lessons (4)
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
Quiz Yourself on Redux Toolkit
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
Quiz Yourself on the Basic Redux Toolkit Utility Functions
Challenge on Building Your First Redux toolkit Application
The Details of the Challenge
The Solution to the Challenge
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
Quiz Yourself on Redux Toolkit Deep Dive
Conclusion: Where to Go From Here
The Best Practice on Data Fetching
Testing a Modern Redux Application
Appendix
How to Install Redux Toolkit
The Feature by Folder Pattern
Using the Redux Devtools
Install Chakra-ui and React-Tweet-Enbed
Twitter Developer Access
Intermediate Redux with Redux Toolkit
/
...
/
The Solution to the Challenge
The Solution to the Challenge
View the solution to the previous challenge on RTK basics.
We'll cover the following...
Introduction
Playground
Introduction
...