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.

    • Lesson: Core Concepts in Redux
    • Project: Redux Road
    • Quiz: Redux Core Concepts
  • Core Redux API: Learn how to implement Redux state-management into your application by learning the core methods of the Redux API.
    • Lesson: Intro to the Core Redux API
    • Lesson: Strategies for Complex State
    • Quiz: Redux API
    • Project: Codecademy Store
  • Redux Toolkit: Improve your code with Redux Toolkit, an essential package for any Redux application.
    • Lesson: The Redux Toolkit
    • Article: Implementing the Redux Store from Scratch
    • Quiz: Redux Toolkit
    • Project: Expense Tracker
  • Async Actions with Middleware and Thunks: Create Redux middleware and thunks to handle asynchronous actions
    • Lesson: Redux Middleware and Thunks
    • VideoContentItem: Redux DevTools
    • Quiz: Redux Middleware and Thunks
    • Project: Redux News Reader

Reviews

4.3 rating at Codecademy based on 187 ratings

Start your review of Learn Redux

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.