1592305339
What are the channels? Are they useful to us in day to day programming? We’ll be going through this blog that channels are played really a major role in redux-saga.
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.
#react #redux #saga #redux-saga
1592305339
What are the channels? Are they useful to us in day to day programming? We’ll be going through this blog that channels are played really a major role in redux-saga.
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.
#react #redux #saga #redux-saga
1599736380
Very often, you can hear about the state in frontend applications, but what it exactly is? Let me explain.
State in frontend applications represents all the data stored in the application in a given time. It can be stored in different formats like objects or strings. Based on the state’s values, we can personalize the application, display, and hide certain elements.
To manage the state in modern frontend frameworks, we can use different libraries like Redux, MobX, or NgRx. The most common one is Redux, which is used mainly with ReactJS applications, although it’s possible to use it with Angular as well.
With Redux, the state of the application is kept in the store, and we can access the store from every component in the application. Redux consist of store, reducers, and actions.
In this article, I’d like to tell you more about the Redux library and create a simple ReactJS project, where I’ll set up a Redux step by step.
Let’s start!
Redux is based on the flux architecture, and it supports unidirectional data flow. It means that data in the application goes through the same lifecycle over and over again, which makes everything that happens in the state more predictable.
Let’s take a look at the simple graphic, which illustrates the data’s lifecycle in the Redux application.
On the graphic above, you can see that from the UI, we trigger an action that passes the data to the reducer. Next, the reducer updates the store, which is the state of our application. The store defines the user interface.
Let’s think of the benefits which using Redux can bring to our development.
When you’re building the application, you know more or less how much data you will need to manage inside the application. In most cases, frontend applications have some functionality, and very rare they are just static websites. Commonly, we keep some user data, forms data, etc. inside the application state, and then it’s very useful to use a tool for managing the state.
The most popular solution in ReactJS applications is Redux. There are some important benefits to the popularity of this solution. Let’s take a look at them one by one.
Above I listed a few benefits of using Redux to manage the state of your frontend application. Now, I’d like to go to the practical part, where we are going to set up a Redux with ReactJS application.
#javascript #react #redux-saga #frontend #redux
1627774860
In this video, I am going to explain that how you can handle multiple sagas with the help of call and all effect in Redux Saga.
#redux #redux saga.
1589794440
Youtube channel: IPenywis - https://www.youtube.com/watch?v=9CYcRj-zwk0
#react #redux #redux saga
1597042860
Let’s rewrite the Redux Thunk based React application to Redux Saga.
Code: https://github.com/satansdeer/redux-saga
#react #redux #javascript #saga #thunks