Redux-saga install

import { useDispatch } from “react-redux”; import { getPosts } from “../store/posts/actions”; Now we can dispatch the action getPosts just after the component is mounted. let dispatch = useDispatch(); useEffect(() => { dispatch(getPosts()); }, []); The complete Home component will be the same as below.8 Eki 2021

Redux-saga is a redux middleware library, that is designed to make handling side effects in your redux app nice and simple . It achieves this by leveraging an ES6 feature called Generators, allowing us to write asynchronous code that looks synchronous, and is very easy to test.25 Haz 2018

Step-By-Step: How to Add Redux Saga to a React & Redux App

take(pattern) ​ Creates an Effect description that instructs the middleware to wait for a specified action on the Store . The Generator is suspended until an action that matches pattern is dispatched. The result of yield take(pattern) is an action object being dispatched.