State Management in React With Redux Tutorial

With Hooks, Async Functions and best practices

Pre-requisites:

• Basic knowledge of Javascript
• Basic knowledge of React.js (https://reactjs.org/docs/create-a-new-react-app.html)

State is not an easy thing to manage on a React application: prop drilling, finding where a specific state variable is, re-rendering unnecessary components when using Context, etc.

Redux takes care of all this.

• All state in one place.
• No prop drilling
• Efficient component updates
• Best Practices

I advise you to write down this tutorial to learn it. I learned Redux by setting it up multiple times until it clicked. You get used to it :)

Redux

Redux is a state management tool that integrates very nicely with React. I highly recommend you use it with most of your projects. You can use it on vanilla Javascript as well.

Contrary to popular belief, it’s not so hard to setup. To get started, Setup a new React project. I used www.codesanbox.io to make things easy.

Adding Store