React-Redux, Redux Toolkit for beginners

Name: React-Redux, Redux Toolkit for beginners
Rating: 4.2 (658 reviews)

Master Redux Toolkit Core Library and Redux Toolkit with React

Created byMasynctech Coding School

Last updated 10/2024

English

English [Auto],

What you'll learn

Learn redux toolkit to build two applications
How to manage state using redux toolkit
How to use createStore
How to use createAction
How to use createReducer
How to use createSlice
How to use createAsycnThunk

Course content

3 sections • 28 lectures • 1h 57m total length

Important Notice & Join The Community0:21
About This Course2:24
Projects Demo3:38
What is Redux?1:40
To better understand redux toolkit unless you know how redux works
How Redux Works8:39
Explore how Redux works by tracing actions through dispatch to the store, the reducer logic, and how deposits update balances and refresh the user interface.

RTK Common APIs4:28
Exploring RTK Docs3:53
What is CreateAction API ?2:53
How To Install Redux Toolkit4:53
Install Redux Toolkit and set up the environment, focusing on the core library before React bindings, and create a counter app to learn the create action and basic setup steps.
CreateAction API Demo6:30
Build a counter app with Redux Toolkit, compare it to core Redux, and learn createAction by defining increment, decrement, reset, and increment_by actions with payloads.
CreateAction API Customisation3:29
What is CreateReducer API ?4:08
Builder Notation-CreateReducer7:28
CreateReducer Using Map Object Notation4:10
Redux Toolkit Store Setup3:55
configure a redux toolkit store with configureStore, wire the counter reducer, dispatch increment, decrement, and amount-based actions, inspect state with getState, and install a third party package like redox logger.
RTK Store Configurations3:29
What is CreateSlice API ?4:52
CreateSlice Demo9:07
Explore a redux toolkit createSlice demo building a counter slice with initial state and reducers. Discover generated actions, store configuration, and dispatch increments, decrements, resets, and increment by amount.
What is CreateAsyncThunk API ?3:46
CreateAsyncThunk Demo7:09
Handling CreateAsync Actions5:47
Learn to handle createAsync actions in a Redux Toolkit slice using extraReducers, managing the lifecycle with pending and rejected cases to update loading, post, and error states.
Dispatching Action4:26

Section Introduction2:16
Create New React App3:43
Installing RTK4:40
Install redux toolkit, axios, and react-redux to scaffold a redux-enabled react app. Create redux folders, define a post slice, set up the store, and create a utils api folder.
Configure Store2:18
Connect RTK Store To React3:26
Connect the RTK store to a React app using the React Redux binding and the provider, enabling useSelector and dispatch to manage and fetch posts from the store.
ALERT !!!0:10

Requirements

Basic Understanding JavaScript or any other programming language
Basic Understanding of React Js
Basic Understanding of React Redux but not required

Description

Course description:

This course is all about managing the state in react application using the redux toolkit. Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You'll find plenty of discussions added in to help you understand exactly when and where to use each feature of React and Redux.

What's imcluded?

- How redux works

- Common Redux Toolkit APIs

- Definition of the redux toolkit

- Why and importance of using redux toolkit?

We will take a look at the most common API in the redux toolkit that you may for next project. These API or concepts in redux toolkit are

- createStore() – For creating redux store

- CreateAction() – It’s use for creating redux action

- CreateReducer() – it’s used for creating redux reducer

- CreateSlice() – This makes creating slices easily by combining createAction and creatReducer

Who this course is for:

Programmers looking to master redux toolkit
Developers who want to move from the traditional way of writing redux application
Engineers who have researched React but have had trouble mastering some concepts

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever. Companies large and small can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high. It's a great time to learn how to manage state in react

Who this course is for:

A Web Developer who want manage state in their react app
A Web Developer who want to master redux toolkit

React-Redux, Redux Toolkit for beginners

What you'll learn

Explore related topics

Course content

GETTING STARTED WITH REDUX TOOLKIT5 lectures • 17min

REDUX TOOLKIT CORE LIBRARY17 lectures • 1hr 24min

REDUX TOOLKIT WITH REACT6 lectures • 17min

Requirements

Description

Who this course is for: