Learn Redux-Saga with Redux-Toolkit in React JS

Hello, Welcome to this Skillshare class. In this class, I will teach, how you can integrate popular middleware library called Redux-Saga with Redux-Toolkit in your React Application. Redux-Toolkit already offer different solution to deal with asynchronous operation like Api call, saving data on local storage etc with either createAsyncThunk or RTK Query but sometime as per application requirement you might have to use Redux-Saga with Redux-Toolkit in your react application.

So, this is the perfect course to learn integration of Redux-Saga with Redux-Toolkit in React application This project-based course will have you coding right away. Building application with the help of React and Redux-Saga along with Redux-Toolkit in this course will sharpen your skills in modern web development.

With the help of Redux-Saga & Redux-Toolkit you will get know how to work with api in React Application.

About Redux-Saga

redux-sagais a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, easy to test, and better at handling failures.

The mental model is that a saga is like a separate thread in your application that's solely responsible for side effects.redux-sagais a redux middleware, which means this thread can be started, paused and cancelled from the main application with normal redux actions, it has access to the full redux application state and it can dispatch redux actions as well.

It uses an ES6 feature called Generators to make those asynchronous flows easy to read, write and test By doing so, these asynchronous flows look like your standard synchronous JavaScript code. (kind of likeasync/await, but generators have a few more awesome features we need)

You might've usedredux-thunkbefore to handle your data fetching. Contrary to redux thunk, you don't end up in callback hell, you can test your asynchronous flows easily and your actions stay pure.

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

• How Redux-Saga fit with Redux-toolkit in a front end single page application with React?

• Understand Redux and Redux-Toolkit

• Understand Redux-Saga & Generator function.

• How to configure Redux-Saga with Redux-Toolkit ?

• You will learn to use OMDB 3rd party API.

• You will learn to create saga listener.

• You will learn different redux-saga effect like put, takeLatest, fork, all & call.

• Learn to use latest Materal-UI library to build component.

Basic Requirement

• Some sort of HTML, CSS and JavaScript knowledge required.
• Basic understand of ES6 module
• Basic React knowledge will added an Advantage.
• Basic Redux knowledge will be plus point.

Software Requirement

• Must have Visual Studio Code.
• Must have Node install on your System.