HOT
blank

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

Development

Complete Guide to Redux-Toolkit & RTK Query with React JS, available at $59.99, has an average rating of 3.45, with 187 lectures, based on 154 reviews, and has 786 subscribers.

Rating3.5
Enroll Now

You will learn about 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 Learn Redux-Saga integration with Redux-Toolkit Learn to persist data using Redux-Persist with Redux-Toolkit Learn some typesript with React Learn to integrate 3rd party API with RTK Query Learn to Implement Authentication using RTK Query Learn to implement Firebase/Firestore integration using RTK Query Learn to use React-Query with Redux-Toolkit Learn to use GraphQl Apollo Client with Redux-Toolkit This course is ideal for individuals who are The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Toolkit with React It is particularly useful for The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Toolkit with React.

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

Summary

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

Price: $59.99

Average Rating: 3.45

Number of Lectures: 187

Number of Published Lectures: 187

Number of Curriculum Items: 187

Number of Published Curriculum Objects: 187

Original Price: ₹1,199

Quality Status: approved

Status: Live

What You Will 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
  • Learn Redux-Saga integration with Redux-Toolkit
  • Learn to persist data using Redux-Persist with Redux-Toolkit
  • Learn some typesript with React
  • Learn to integrate 3rd party API with RTK Query
  • Learn to Implement Authentication using RTK Query
  • Learn to implement Firebase/Firestore integration using RTK Query
  • Learn to use React-Query with Redux-Toolkit
  • Learn to use GraphQl Apollo Client with Redux-Toolkit

Who Should Attend

  • The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Toolkit with React

Target Audiences

  • The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Toolkit with React

Become a highly-demanded Frontend developer by adding the Redux-Toolkit Skill set into your React knowledge. This course is designed 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. Initially, I launch this course with 4 project. Now, it has 11 project . So, it will keep getting updated**

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.

You will also able to learn how to integrate Redux-Saga middleware with Redux-toolkit by building a Movie App using 3rd party API.

You will also able to persist your data by using library called Redux-Persist with Redux-toolkit by building a Shopping Cart App.

You will also going to implement JWT authentication using RTK-Query by building Authentication App.

You will also going to implement firebase using RTK-Query by building a Blog App in which we learn to write different firebase query to perform CRUD feature and in that app we will be using cloud firestore database

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 ?

  • How to configure Redux-Saga 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

  • Writing different RTK Queryto make HTTP Rest Api request

  • Error handling with RTK Query

  • You will learn to use sagas with Redux-Toolkit

  • You will able to persist data using Redux-Persist with Redux-Toolkit.

  • JWT authentication using RTK Query

  • You will learn to use GraphQL Apollo Client with Redux-Toolkit

  • You will learn implementation of React Query with Redux-Toolkit

  • Learn different design framework like MDB5, MUI , Bootstrap 4 & 5 and Ant Design to build React component.

What you will build in this course ?

First we will start with some theoretical 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 Bootstrap 5 and Ant Design.

Below future project going to include in this course.

1. JWT Authentication with RTK Query (Released).

2. Recipe App using 3rd part Api key with RTK Query (Released).

3. Integrate firebase with RTK Query (Released).

4. Redux Toolkit with Graphql and Apollo Client (Expected to release in June)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Redux and why we use it ?

Lecture 3: Understand Redux Core Principles

Lecture 4: Core problem of React

Lecture 5: What is Redux Toolkit ?

Lecture 6: Understand Redux Toolkit API

Lecture 7: Environment Set-Up

Chapter 2: Understand Redux-Toolkit

Lecture 1: Intro

Lecture 2: Starter code overview

Lecture 3: Create blog slice

Lecture 4: List blogs

Lecture 5: Create blog selector

Lecture 6: Create action to add blog

Lecture 7: Understand immer js role in slice

Lecture 8: Dispatch an action to Add blog

Lecture 9: Use prepare callback

Lecture 10: Redux-dev tool

Lecture 11: Create Users slice

Lecture 12: List users in dropdown

Lecture 13: Modify action & prepare callback

Lecture 14: Post blog with user

Lecture 15: Write redux action for Like/Unlike

Lecture 16: Show Like/Unlike count using action

Lecture 17: Wrap-Up

Chapter 3: Project 1 – Cocktail App with Redux Toolkit

Lecture 1: App Demo

Lecture 2: Understand createAsyncThunk

Lecture 3: Set-Up

Lecture 4: Structuring App

Lecture 5: Working on Header

Lecture 6: Configure and Writing 1st action with Redux Toolkit

Lecture 7: Search Component

Lecture 8: Render Cocktails using Redux Toolkit Actions

Lecture 9: createAsyncThunk Action to Fetch Single Cocktail

Lecture 10: Working on Single Cocktail

Lecture 11: Searching with createAsyncThunk Action

Lecture 12: Wrap Up

Chapter 4: Project 2 – CRUD with Redux Toolkit

Lecture 1: App Demo

Lecture 2: Set-up

Lecture 3: Structuring

Lecture 4: Basic Form

Lecture 5: Configuration & Writing GET Action using createAsyncThunk

Lecture 6: Dispatch GET createAsyncThunk Action

Lecture 7: Adding Buttons

Lecture 8: DELETE with createAsyncThunk

Lecture 9: POST action with createAsyncThunk

Lecture 10: Create Post Form

Lecture 11: Dispatch POST createAsyncThunk action

Lecture 12: PUT action with createAsyncThunk

Lecture 13: Populate Post Data on Form

Lecture 14: Dispatch PUT createAsyncThunk action to Update

Lecture 15: Wrap Up

Chapter 5: Understand RTK Query

Lecture 1: What is RTK Query ?

Lecture 2: App Demo

Lecture 3: Project Overview

Lecture 4: Creating apiSlice & writing 1st RTK Query

Lecture 5: Wiring apiSlice in React App using ApiProvider

Lecture 6: useGetTodos Query in TodoList

Lecture 7: Adding mutation in apiSlice

Lecture 8: Apply Mutation in TodoList

Lecture 9: Understand cached data

Lecture 10: Tags, invalidating cache and auto-refetching

Lecture 11: Transforming response

Chapter 6: Project 3 – RTK Query Random User App

Lecture 1: App Demo

Lecture 2: Project Set-up

Lecture 3: App Cleaning-Up

Lecture 4: Configure RTK and Writing 1st Query

Lecture 5: Render Random User – Part 1

Lecture 6: Render Random User – Part 2

Lecture 7: Wrap Up

Chapter 7: Project 4 – RTK Query CRUD App

Lecture 1: App Demo

Lecture 2: Set-up

Lecture 3: Structuring Project

Lecture 4: Configure and Writing First RTK Query

Lecture 5: Show Data with RTK Query

Lecture 6: Handling Error with RTK Query

Lecture 7: Working on POST RTK Query

Lecture 8: Working on Form

Lecture 9: Use RTK Query to Add Data

Lecture 10: DELETE with RTK Query

Lecture 11: Fetch Single Contact with RTK Query

Lecture 12: Populate Form Data

Lecture 13: Update Data

Lecture 14: Wrap Up

Chapter 8: Project 5 – Movie App with Redux-Saga & Redux-Toolkit

Lecture 1: App Demo

Lecture 2: Redux-Saga Overview

Lecture 3: What is Generator function ?

Lecture 4: Project Set-up

Lecture 5: Configure OMDB Movie API Key

Lecture 6: App Structure and Cleanup

Lecture 7: Configure Redux-Toolkit & Redux-Saga

Lecture 8: Enable Routing

Lecture 9: Working on Actions & API – Fetch Movies

Instructors

Rating Distribution

  • 1 stars: 10 votes
  • 2 stars: 9 votes
  • 3 stars: 18 votes
  • 4 stars: 35 votes
  • 5 stars: 82 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024