INTERACTIVE COURSE

Intermediate Redux with Redux Toolkit

Intermediate

35 Lessons

6h 15min

Certificate of Completion

18 Playgrounds

48 Illustrations

Takeaway Skills

Learn redux toolkit

Learn redux modern practices

Learn how to handle async operations using redux toolkit

Learn to organise your application state into slices

Learn to simplify common complex redux setups with redux toolkit

Course Overview

Learn Redux toolkit (RTK) which highlights the new redux best practices and the new standard of developing applications. With RTK, redux development is more efficient and easier to understand. Redux toolkit brings the much-needed simplicity you’ve longed for in your redux development. It has out-of-the-box support to handle common use cases such as creating the redux store, creating reducers, handling immutable update logic, and much more. At the end of the course, you will build tweetfind, a Twitter sear...Show More

Course Content

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

5 Lessons

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath