Mô tả

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, & all as well as blocking and non-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.

Bạn sẽ học được gì

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

Yêu cầu

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

Nội dung khoá học

14 sections

Introduction

7 lectures
Introduction
03:35
Project Overview
03:03
What is Redux ?
06:23
Understand Redux Flow Diagram
02:36
What is Redux-Saga ?
03:16
Understand concept of Generator
03:55
Important Update
00:08

Set-up Our Project

8 lectures
Set-up Environment
03:16
Creating our React Project & Installing Dependencies
04:02
Set-Up JSON-Server in Our Project
04:50
Configure React Folder Structure
02:31
React Router v6 Update
00:58
Enable Routing in Our App
04:29
Working on Header
14:38
Set-up Redux & Redux-Saga in Our App
08:51

Writing Our First Saga

4 lectures
Working on Action, ActionType, API & Reducer to load All Users
05:39
Working on Saga to Load Users from JSON Server
13:14
Working on Table to Render Users
06:45
Adding Edit, Delete & View Icon on Table
07:13

Writing Saga to Add New User Info

4 lectures
Working on Form Component
11:31
Working on Action, ActionType, API & Reducer for Adding New User
05:14
Working on Saga to Add New User
05:55
Adding Toast Notification
02:24

Writing Saga to Delete User Info

2 lectures
Working on Action, ActionType, API & Reducer to Delete User
04:58
Working on Saga to Delete User
07:31

Writing Saga to Update User Info

4 lectures
Populate Existing Value on Form
07:15
Working on Action, ActionType, API & Reducer to Update User
04:25
Working on Saga to Update User
09:21
Working on Common Issue
03:49

Single User Info & About Page

3 lectures
Working on Single User Info Page
08:02
Working on About Page
01:57
Fixed Other Bug
06:48

Course Update to React Router DOM v6

1 lectures
Updating Project to React Router DOM v6
07:07

Writing Saga to Search User

2 lectures
Working on Action, ActionType, API & Reducer to Search User
06:31
Working on UI to Search User
07:09

Writing Saga to Filter User

2 lectures
Adding Status Dropdown
09:20
Working on Saga, Action, ActionType, API & Reducer for Filter
11:19

Writing Saga to Sort User

3 lectures
Working on Action, ActionType, Saga, API & Reducer to Sort User
05:15
Working on UI to Sort
09:50
Working on Reset
01:40

Pagination with Redux-Saga

3 lectures
Adjusting Redux Logic
10:20
Pagination Component
20:39
Solving Pagination Bug
05:47

Deploy our App to Heroku

3 lectures
Fixed Bug Before Deploy
12:28
Set-up
08:49
Heroku Deployment
11:59

Wrap Up

1 lectures
Conclusion
01:24

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.