Instant learn — React & Redux Toolkit with a simple minimalistic example. A 2020 Reactjs 16 Cart Tutorial.
If you ever wanted to Redux toolkit using React and just can’t find the time or dreading it? Follow the steps I am about to show you in this tutorial and you too can learn the Redux toolkit and use it in your project in a matter of minutes.
If you are unfamiliar with Redux, I suggest you start learning Redux first. The Redux vanilla is un-opinionated, meaning you can do as you please in terms of architecture and practices. However, the Redux team’s official recommended approach is to use a separate add-on package called Redux Toolkit, which includes some opinionated defaults to help use Redux more effectively and it is the standard for using Redux with React.
Facebook Solution — Flux
The Facebook team experienced issues scaling and maintaining their code. They implemented the MVC (model-view-controller) pattern, however, found the architecture pattern causing the issue.
If you are unaware of MVC, or need to brush off on it. In a complex app, it’s advised to separate concerns (think of separating your clothes or laundry).
- Model — the model is the app data.
- View — the view is the front-end presentation layer. An implementation…