podzuloo.blogg.se

Redux saga
Redux saga





redux saga
  1. Redux saga how to#
  2. Redux saga generator#

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

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.

redux saga

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.







Redux saga