Scalable Redux architecture for React Projects with Redux-Saga and Typescript
Redux is a tool for managing data-state and UI-state in Javascript applications. In this tutorial, we see how to organise the structure of the projects that consist of Redux.
Redux is a predictable state container for JavaScript applications. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. — https://redux.js.org/
Although Redux is largely associated with React, it can also be used with other libraries like Vue, Meteor, Angular, etc. It is also lightweight, about 2KB (dependencies included), so you don't have to worry about the application size getting too big.
Since we get the Redux definition out of the way, let's start developing a tested, strictly typed, and scalable architecture!
If you want to jump directly to the architecture specifications, please go to 'Architecting the Redux project' section. You can also take a look at the repo which I created for this tutorial from here.
