Redux Beginner Guide with React Hooks

Master Redux with the latest React Hooks.

What is Redux?

A Predictable State Container for JS Apps

f Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
f Centralizing your application’s state and logic enables powerful capabilities like undo/redo, state persistence, and much more.
f The Redux DevTools make it easy to trace when, where, why, and how your application’s state changed. Redux’s architecture lets you log changes, use ime–travel debugging , and even send complete error reports to a server.
f Redux works with any UI layer and has a large ecosystem of add–ons to fit your needs.

What is React?

A JavaScript library for building user interfaces

f Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
f Component–Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.
f Learn Once, Write Anywhere.

What is React–Redux?

f React Redux is maintained by the Redux team, and kept up–to–date with the latest APIs from Redux and React.
f Designed to work with React’s component model. You define how to extract the values your component needs from Redux, and your component receives them as props.
f Creates wrapper components that manage the store interaction logic for you, so you don’t have to write it yourself.
f Automatically implements complex performance optimizations, so that your own component only re–renders when the data it needs has actually changed.

You will learn the following things in the course: