Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn Redux

via Codecademy

Overview

Enhance your React applications with Redux, a popular state-management library.

### Why Learn Redux?


If you're building React applications, you're likely sharing some kind of data between React components. When the application scales and sharing that data gets more complex, it's time to use a state-management library.

Redux is the most commonly used state-management library with React. Redux lets you use plain JavaScript syntax, but enforces consistent patterns that make your apps reliable and predictable.

Compared to other state-management libraries, Redux is more popular and better supported with documentation. Popularity means that knowing Redux can give you a leg up on other React developers when applying for jobs. Good documentation means you can get up and running quickly.

If you're not convinced, here are just a few applications that use Redux:
* [Twitter's mobile site](https://mobile.twitter.com/)
* [Wordpress's new admin page](https://github.com/Automattic/wp-calypso)
* [Firefox's new debugger](https://github.com/devtools-html/debugger.html)


### Take-Away Skills

This course builds on top of your JavaScript and React knowledge. You'll start with fundamental concepts like reducers, stores, and actions, then move on to advanced topics like slices and middleware.

By the end the course you'll be familiar with these four major libraries used in Redux:
* Redux
* React Redux
* Redux Toolkit
* Redux Thunk

Syllabus

  • Core Concepts in Redux: Learn the concepts underlying all Redux applications, including reducers, state, actions, and the store.
    • Core Concepts in Redux
    • Redux Road
    • Redux Core Concepts Quiz

  • Core Redux API: Learn how to implement Redux state-management into your application by learning the core methods of the Redux API.
    • Intro to the Core Redux API
    • Strategies for Complex State
    • Redux API Quiz
    • Codecademy Store
    • Implementing the Redux Store from Scratch

  • Connect to React with React Redux: Learn to access the Redux store to retrieve data and dispatch actions througout your applications using the react-redux package.
    • The React Redux Library
    • React Redux Quiz
    • Matching Memory

  • Refactoring with Redux Toolkit: Improve your code with Redux Toolkit, an essential package for any Redux application.
    • The Redux Toolkit
    • Redux Toolkit Quiz
    • Expense Tracker
    • Redux DevTools

  • Async Actions with Middleware and Thunks: Create Redux middleware and thunks to handle asynchronous actions
    • Redux Middleware
    • Managing Promise Lifecycle Actions
    • Async Middleware Quiz
    • Redux News Reader

Reviews

Start your review of Learn Redux

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.