Become a master in Redux-Saga with React JS and start implementing in your React & Redux projects
What you will learn
Implementing CRUD Operation with Redux-Saga
You will understand all concepts of Redux-Saga
You will learn redux-saga effect like take, takeEvery, takeLatest, fork, put, call, delay, & all as well as blocking and non-blocking calls.
API Integration in Redux-Saga & handling the response.
Description
Become a highly-demanded Frontend developer by adding the Redux-Saga Skill into your React knowledge. Become a master in Redux-Saga and start implementing in your React & Redux projects. 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 know how to implement Redux in any one of your React application.
What you’ll learn:
- You will be able to use Redux-Saga into single page application using React & Redux
- How to deal with an API in Redux-Saga & handling the response ?
- Implementing CRUD Operation with Redux-Saga
- You will understand the different concept of Redux-Saga
- You will learn redux-saga effect like take, takeEvery, takeLatest, fork, put, call, delay, & all as well as blocking and non-blocking calls.
- Learn Generator function concept along with some ES6 syntax in JavaScript.
- Create firebase project and learn how to work with firebase real time database.
Prerequisites:
- HTML, CSS and JavaScript knowledge required.
- Basic understand of ES6 module
- Basic React knowledge will added an Advantage.
Who this course is for:
- The course is designed for Beginner React Developer who wanted to learn the implementation of Redux-Saga in React and Redux projects.
- You want to become an advanced React JS developer
Course Overview:
- We will start with basics React and Redux flow with Redux saga
- Understand Redux Actions and Reducers.
- Understand Saga and Generator functions.
- We will be building a notes app from scratch.
English
language
Content
Introduction
Introduction
Creating a New Project And Folder structure
Routing Implementation and Components
Implementing Header Component
Implementing Routing And Notes List Component
Implementing Add Notes Form Component And List Card View
React With Redux Saga Flow and Create Firebase Project
Installing Redux And Redux Saga Packages
Creating Google Firebase Project
React With Redux Saga – Code Flow
Understanding Redux Actions And Reducers
Understanding Redux Saga Basics And Generator Function
Course Project – Notes App Implementation
Handling Add Notes Form And Creating First Action
Creating Add Notes Form Reducer
Creating Add Notes Form First Saga
Set Up Redux Global Store : Root Reducer And Root Saga
Integrating API To Save Note Data Into Firebase Database
Retrieving Data From Database And Reset Add Notes Form
Creating Notes List Component Actions And Saga
Creating Notes List Component Reducer
Calling API To Get List Of Notes From Firebase Database
Rendering Notes List Data In Component