When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Complete Guide to Redux-Toolkit with React JS
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
4 hours 10 minutes 
english
Online - Self Paced
course
SkillShare
About Complete Guide to Redux-Toolkit with React JS
Introduction
What is Redux & why we use it ?
What is Redux Toolkit ?
Understand Redux-Toolkit API
Understand createAsyncThunk
Project 1 - Set-Up
Project 1 - Structuring our App
Project 1 - Working on Form
Project 1 - Configuration & Writing GET Action using createAsyncThunk
Project 1 - Dispatch GET createAsyncThunk Action
Project 1 - Adding Buttons
Project 1 - DELETE with createAsyncThunk
Project 1 - POST action with createAsyncThunk
Project 1 - Working on Create Post Form
Project 1 - Dispatch POST createAsyncThunk action
Project 1 - PUT action with createAsyncThunk
Project 1 - Populate Post Data on Form
Project 1 - Dispatch PUT createAsyncThunk action to Update
Project 2 Cocktail App - Demo
Project 2 Cocktail App - Set-up
Project 2 Cocktail App - Header
Project 2 Cocktail App - Configure Redux-Toolkit
Project 2 Cocktail App - Search Component
Project 2 Cocktail App - Show Cocktails using Actions
Project 2 Cocktail App - Action to Fetch Cocktail
Project 2 Cocktail App - Cocktail Detail Page
Project 2 Cocktail App - Searching Cocktail
Project 3 Shopping Cart - App Demo
Project 3 Shopping Cart - Set-up
Project 3 Shopping Cart - Configure RTK
Project 3 Shopping Cart - Navbar
Project 3 Shopping Cart - Cart Design
Project 3 Shopping Cart - Cart Total Action
Project 3 Shopping Cart -Increase, Decrease and Remove Action
Project 3 Shopping Cart - Empty Cart Action
Project 3 Shopping Cart - Persist Cart value with Redux-Persist
Project 4 Blog App - Demo
Project 4 Blog App - Code Overview
Project 4 Blog App - Blog Slice
Project 4 Blog App - List Blog with useSelector
Project 4 Blog App - Create blog selector
Project 4 Blog App - Create action to add blog
Project 4 Blog App - Understand immer js role
Project 4 Blog App - Dispatch action to add blog
Project 4 Blog App - Use Prepare Callback
Project 4 Blog App - Redux dev tool
Project 4 Blog App - Create user slice
Project 4 Blog App - List users in Dropdown
Project 4 Blog App - Modify Action & Prepare callback
Project 4 Blog App - Show blog with User
Project 4 Blog App - Redux action for Like/Unlike
Project 4 Blog App - Show Like/Unlike count using Redux
Wrap up
What You Will Learn?
- Become a highly-demanded Frontend developer by adding the Redux-Toolkit Skill set into your React knowledge. This course is desgined in such way that anybody can get enroll into this course who wanted to enhance their Redux concept..
- This project-based course will have you coding right away. Building application with the help of React and Redux-Toolkit in this course will sharpen your skills in modern web development..
- With the help of createAsyncThunk middleware, you will get know how to work with api in React Application. And I am sure after taking this course you will become master to implement Redux-Toolkit in any one of your existing React application..
- In this course, you will learn below key concept related to Redux-Toolkit with React:.
- How Redux-toolkit fits into a front end single page application with React?.
- What is Redux-Toolkit and it's API ?.
- How to configure store with Redux-Toolkit ?.
- Learn different Redux-Toolkit API like createSlice, configureStore, createAction, createReducer & createAsyncThunk.
- How to make an API request with Redux-Tookit using createAsyncThunk middleware and deal with the response ?.
- Understanding different promise lifecyle that get generated by createAsyncThunk middleware..
- Learn Ant Design frameowrk to build React component..
- Basic Requirement.
- Software Requirement.