AI Features

0% completed

All LessonsFree 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

View the solution to the previous challenge on RTK basics.

We'll cover the following...

- Introduction
- Playground

Introduction

If you tried your hands on the ...

Ask