Complete Guide to Redux-Toolkit & RTK Query with React JS

Become a master by learning modern Redux concept like Redux Toolkit and RTK Query with React

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.

What you’ll learn

  • Master fundamental concepts behind structuring Redux-toolkit applications.
  • API call with createAsyncThunk middleware.
  • CRUD Operation in React with Redux-toolkit.
  • Learn different design framework like MDB and Ant Design.
  • Form development with React.
  • HTTP Rest API Call with RTK Query.
  • CRUD Operation in React with RTK Query.
  • Learn Modern React JS Hook.
  • Learn Functional Component with React.

Course Content

  • Introduction –> 4 lectures • 13min.
  • Project 1 – Cocktail App with Redux Toolkit –> 12 lectures • 1hr 11min.
  • Project 2 – CRUD with Redux Toolkit –> 15 lectures • 1hr 9min.
  • Project 3 – RTK Query Random User App –> 8 lectures • 34min.
  • Project 4 – RTK Query CRUD App –> 14 lectures • 1hr 8min.

Complete Guide to Redux-Toolkit & RTK Query with React JS

Requirements

  • Some sort of HTML, CSS and JavaScript knowledge required..
  • Basic understand of ES6 module.
  • Basic React knowledge will added an Advantage..
  • Redux knowledge required little bit but I will explain everything from scratch..
  • No prior working experience required with JSON server..

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.

** Best thing about this course is that it will get updated time to time whenever new concept get added into Redux-Toolkit package along with new project will also get added frequently in this course. So far now, I have added 4 project in this course**

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 and RTK Query, 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 & RTK Query 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.
  • What is RTK Query and it’s API ?
  • Learn different RTK Query API like createApi & fetchBaseQuery
  • Writting different RTK Query to make HTTP Rest Api request
  • Error handling with RTK Query
  • Learn different design framework like MDB5 and Ant Design to build React component.

What you will build in this course ?

First we will start with some theortical concept like we will try to understand core problem of React and why we use Redux with React ?

After that we will build 4 application with Redux-Toolkit and RTK Query to help you understand how React and Redux-Toolkit work together.

In this course, you will also learn to build full React CRUD application with the help of Redux-Toolkit & RTK Query using JSON Fake server. For beginner React developer, sticking to JSON-server is recommended.

We will be also learning different design framework like Material Design Bootstrap 5 and Ant Design in this course to work on our React component like Table, Form, Button, Card and many more component we will build with the help of Material Design Boostrap 5 and Ant Design.

Get Tutorial