Complete Guide To Redux-Saga With React JS

Complete Guide To Redux-Saga With React JS, available at $54.99, has an average rating of 3.8, with 47 lectures, based on 44 reviews, and has 237 subscribers.

You will learn about You will be able to use Redux-Saga into single page application using React & Redux You will understand the different concept of Redux-Saga How to deal with an API in Redux-Saga & handling the response ? You will learn redux-saga effect like take, takeEvery, takeLatest, fork, put, call, delay, & all as well as blocking and non-blocking calls. Imlementing CRUD Operation with Redux-Saga Learn Generator function concept along with some ES6 syntax in Javascript. Learn Material Design Bootstrap 5 design (the most popular react UI library) You will learn to deploy app on Heroku platform This course is ideal for individuals who are The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Saga in React and Redux projects. It is particularly useful for The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Saga in React and Redux projects.

Enroll now: Complete Guide To Redux-Saga With React JS

Summary

Title: Complete Guide To Redux-Saga With React JS

Price: $54.99

Average Rating: 3.8

Number of Lectures: 47

Number of Published Lectures: 47

Number of Curriculum Items: 47

Number of Published Curriculum Objects: 47

Original Price: ₹1,199

Quality Status: approved

Status: Live

What You Will Learn

You will be able to use Redux-Saga into single page application using React & Redux
You will understand the different concept of Redux-Saga
How to deal with an API in Redux-Saga & handling the response ?
You will learn redux-saga effect like take, takeEvery, takeLatest, fork, put, call, delay, & all as well as blocking and non-blocking calls.
Imlementing CRUD Operation with Redux-Saga
Learn Generator function concept along with some ES6 syntax in Javascript.
Learn Material Design Bootstrap 5 design (the most popular react UI library)
You will learn to deploy app on Heroku platform

Who Should Attend

The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Saga in React and Redux projects.

Target Audiences

The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Saga in React and Redux projects.

Become a highly-demanded Frontend developer by adding the Redux-Saga Skill into your React knowledge. You will have slight edge over those people who have just hold only knowledge about React.

** Course is updated with new feature like Searching, Sorting, Filterning & Pagination with Redux-Saga. Also I have completed the deployement of React Redux-Saga App on Heroku Plateform**

This project-based course will have you coding right away. Building application with the help of React and Redux-Saga in this course will sharpen your skills in modern web development.

With Redux-Saga 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 in any one of your React application.

In this course you will learn below key concept related to Redux-Saga with React:

How redux saga fits into a front end single page application using React and Redux ?
What is redux-saga ?
How to make an API request with redux saga and deal with the response ?
How to set up a redux saga to listen for dispatched redux actions and the various ways to set up redux saga to listen for dispatched actions.
Learn different redux saga effect and patterns such as take, takeEvery, takeLatest, fork, put, call, delay, & allas well as blockingandnon-blocking calls.
Learn to handle error with redux-saga.
Learn Generator function concept along with ES6 syntax in Javascript.

Basic Requirement

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

In this course, we will be building a full React CRUD application with the help of Redux-Saga & JSON server. With the help of JSON server we will perform all CRUD operation like, Create, Read, Update and Delete in our React Application.

With the help of Redux-Saga, we will be making api request like, GET, PUT, POST and DELETE with our JSON server.

We will be using Material Design Bootstrap 5 in this course to work on our React component like Table, Form, Button, Spinner and many more component we will build with the help of Material Design Boostrap 5.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Project Overview

Lecture 3: What is Redux ?

Lecture 4: Understand Redux Flow Diagram

Lecture 5: What is Redux-Saga ?

Lecture 6: Understand concept of Generator

Lecture 7: Important Update

Chapter 2: Set-up Our Project

Lecture 1: Set-up Environment

Lecture 2: Creating our React Project & Installing Dependencies

Lecture 3: Set-Up JSON-Server in Our Project

Lecture 4: Configure React Folder Structure

Lecture 5: React Router v6 Update

Lecture 6: Enable Routing in Our App

Lecture 7: Working on Header

Lecture 8: Set-up Redux & Redux-Saga in Our App

Chapter 3: Writing Our First Saga

Lecture 1: Working on Action, ActionType, API & Reducer to load All Users

Lecture 2: Working on Saga to Load Users from JSON Server

Lecture 3: Working on Table to Render Users

Lecture 4: Adding Edit, Delete & View Icon on Table

Chapter 4: Writing Saga to Add New User Info

Lecture 1: Working on Form Component

Lecture 2: Working on Action, ActionType, API & Reducer for Adding New User

Lecture 3: Working on Saga to Add New User

Lecture 4: Adding Toast Notification

Chapter 5: Writing Saga to Delete User Info

Lecture 1: Working on Action, ActionType, API & Reducer to Delete User

Lecture 2: Working on Saga to Delete User

Chapter 6: Writing Saga to Update User Info

Lecture 1: Populate Existing Value on Form

Lecture 2: Working on Action, ActionType, API & Reducer to Update User

Lecture 3: Working on Saga to Update User

Lecture 4: Working on Common Issue

Chapter 7: Single User Info & About Page

Lecture 1: Working on Single User Info Page

Lecture 2: Working on About Page

Lecture 3: Fixed Other Bug

Chapter 8: Course Update to React Router DOM v6

Lecture 1: Updating Project to React Router DOM v6

Chapter 9: Writing Saga to Search User

Lecture 1: Working on Action, ActionType, API & Reducer to Search User

Lecture 2: Working on UI to Search User

Chapter 10: Writing Saga to Filter User

Lecture 1: Adding Status Dropdown

Lecture 2: Working on Saga, Action, ActionType, API & Reducer for Filter

Chapter 11: Writing Saga to Sort User

Lecture 1: Working on Action, ActionType, Saga, API & Reducer to Sort User

Lecture 2: Working on UI to Sort

Lecture 3: Working on Reset

Chapter 12: Pagination with Redux-Saga

Lecture 1: Adjusting Redux Logic

Lecture 2: Pagination Component

Lecture 3: Solving Pagination Bug

Chapter 13: Deploy our App to Heroku

Lecture 1: Fixed Bug Before Deploy

Lecture 2: Set-up

Lecture 3: Heroku Deployment

Chapter 14: Wrap Up

Lecture 1: Conclusion

Instructors

Saumitra Vishal
Web Developer

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 8 votes
4 stars: 15 votes
5 stars: 20 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!

Menu