

This includes making HTTP requests to external services, accessing browser storage, and executing I/O operations. I'm definitely suffering a little at the hands of a very fast moving technology sphere and maybe outdated online information. Redux-Saga is a middleware library used to allow a redux store asynchronously to interact with resources outside of itself.
Redux saga how to#
I feel a little lost now about how to move forward with my application.

Redux saga generator#
redux-saga executes our generator functions (sagas) containing the side-effects then handles the process of calling the next () on the generator object internally.

In fact it comes up with some articles even saying that hooks make using redux-saga redundant. What redux-saga does is to run our sagas (generator functions) and provide methods for handling the side-effects and also interacting with the redux store. Googling doesn't come up with much documentation or tutorials. However I'm stuck on how I am supposed to use functional components with redux-saga. I have converted many of my components to functions already. I learnt how they work and now feel like I prefer using functions and hooks instead of the older class style components. So to get to the point - when I first started my project I used class based components (because the official tutorial does), but I found as I did more looking up of things and examples I found many of them used the newer functional components (in particular I use Material UI and most of the examples are functional). It took me a little time to get my head around but it works quite nicely. It works quite well, but I wanted to try and make communicating with the API and managing state easier, so I started implementing redux-saga to make use of my Fetch class. Action Channels: Action channel is a buffer, it stockpiles actions which sagas can. Channels: Channels are of 3 types which are used to perform 3 different things, here I will brief you about those channels here but will explain in detail a bit later. I use a class that I wrote to make api calls using Fetch. We’ll be going through this blog that channels are played really a major role in redux-saga. I've been working on a front end for a little while using React that simply communicates with the API. I've been working on an open source project that uses Flask in the backend to provide a REST API. I'm a relative React newbie, but not totally new to Javascript.
