The official Redux documentation. FANTASTIC writing - not just "here's the API", but "here's what you want to do and how we came up with this"
The official React-Redux documentation. Explains how to correctly use the React-Redux API, including details on writing
mapStatefunctions and dispatching actions.
Getting Started with Redux - Video Series
Dan Abramov, the creator of Redux, demonstrates various concepts in 30 short (2-5 minute) videos. The linked Github repo contains notes and transcriptions of the videos.
Building React Applications with Idiomatic Redux - Video Series
Dan Abramov's second video tutorial series, continuing directly after the first. Includes lessons on store initial state, using Redux with React Router, using "selector" functions, normalizing state, use of Redux middleware, async action creators, and more. The linked Github repo contains notes and transcriptions of the videos.
Modern Web Development with React and Redux
An up-to-date HTML slideshow that introduces React and Redux, discusses why they help make applications easier to write via declarative code and predictable data flow, and demonstrates their basic concepts and syntax. Includes several interactive React component examples.
What Does Redux Do? (and when should you use it?)
An excellent summary of how Redux helps solve data flow problems in a React app.
How Redux Works: A Counter-Example
A great follow-up to the previous article. It explains how to use Redux and React-Redux, by first showing a React component that stores a value in its internal state, and then refactoring it to use Redux instead. Along the way, the article explains important Redux terms and concepts, and how they all fit together to make the Redux data flow work properly.
Redux and React: An Introduction
A great introduction to Redux's core concepts, with explanations of how to use the React-Redux package to use Redux with React.
React Redux Tutorial for Beginners: Learning Redux in 2018
An excellent tutorial that covers a variety of Redux fundamentals, including a look at the problems Redux helps solve, when you should learn and use Redux, actions and reducers, the Redux store, and how to connect React components to Redux.
Single State Tree + Flux
Describes the benefits of a Flux architecture, and a single state tree like Redux has
A higher-level description of what Redux is, the major concepts, and why you would want to use it. Also some additional article links.
A Cartoon Guide to Redux
Another high-level description of Redux, with cartoons
A file-based tutorial to Redux (click on each numbered .js file in the repo)
Leveling Up with React: Redux
A very well-written introduction to Redux and its related concepts, with some nifty cartoon-ish diagrams.
Functionally Managing State with Redux
A quick overview of Redux's core concepts, and how to use it with React
Redux: From Twitter Hype to Production
An extremely well-produced slideshow that visually steps through core Redux concepts, usage with React, project organization, and side effects with thunks and sagas. Has some absolutely fantastic animated diagrams demonstrating how data flows through a React+Redux architecture.
A variety of user-provided diagrams illustrating how the pieces of Redux fit together.
How I Learned to Stop Worrying and Love Redux
A new Redux user describes how she was able to overcome initial problems learning Redux.
Introduction to Redux and React-Redux
A quick overview of core Redux concepts, with code examples for creating a store and hooking up React components to read the data.
Redux and React Redux
A pair of articles covering basic Redux concepts and usage.
An Introduction to Redux
An overview and intro to the basic concepts of Redux. Looks at the benefits of using Redux, how it differs from MVC or Flux, and its relation to functional programming.
Why Redux makes sense to me and how I conceptualize it
Some useful analogies for visualizing how Redux works, how the pieces fit together, and why you'd want to use it.
Redux10: A Visual Overview of Redux in 10 Steps
A small repo with a standalone HTML page. Walks through 10 simple steps to help explain the basics of Redux.
How to Use the React-Redux package
An excerpt from the "Modern Web Apps with React and Redux" course, explaining how to use React-Redux to connect components to Redux.
Pro React beta chapter: Using Redux
An alternative version of Pro React's chapter on using Flux that explains Redux usage
A set of video tutorials introducing Redux concepts
Redux for the Very Beginner
A beginner-friendly screencast that introduces Redux
React, Redux, and React-Redux
Comparison and examples of implementing a filterable list with just React, with "manual" React code reading from Redux, and using the official React-Redux library
Redux's Mysterious Connect Function
An overview of how to use React-Redux's
connectfunction to glue together a Redux store and React components
Why You Should Use Redux to Manage Immutability
An introduction to several aspects of Redux, including immutability concepts, use of immutable data libraries, using middleware for side effects, and connecting React to Redux
An Introduction to Redux / Redux: Would you like to know more?
A pair of HTML slideshows that discuss some of the problems of storing application state, how Redux can help solve those problems, and several tradeoffs and benefits of using Redux.
DevGuides: Introduction to Redux
A tutorial that covers several aspects of Redux, including actions, reducers, usage with React, and middleware.
A short but clear explanation of what the React-Redux library does, and how its
connectfunction works to interact between React components and a Redux store (including several helpful diagrams).
Redux by Example
A 4-part series that illustrates core Redux concepts via a series of small example repos, with explanations of the source and concepts in the articles.
A diagram that tries to illustrate all the various pieces of the React+Redux API and workflow
Beginner's guide to React/Redux - How to start learning and not be overwhelmed
A good writeup from a React/Redux beginner, with advice on how to get started learning React and Redux, how to approach building your first meaningful React+Redux application, and related topics such as file structure, data flow, and rendering logic.
Getting Started with Redux
A pair of very readable tutorials for getting started with Redux. The first introduces Redux's core concepts while building out a small shopping cart example, and the second describes how to transition from storing data using React's
setStateover to putting it in Redux instead, and gives examples of managing real-world form state with Redux.
When do I know I'm ready for Redux?
Walks through a typical process of scaling up a React application, and how Redux can help solve common pain points with data flow. Has some really neat animated diagrams that illustrate how state updates interact with the React component tree.
4 ways to dispatch actions with Redux
Describes different ways to dispatch actions from React components: directly passing the store, using
connect, using sagas, and using the
Introduction to Redux
A basic introduction to the ideas of storing data in Redux and dispatching actions to update that data.
Using Redux with React
An excellent follow-up to the previous article, with explanations of why Redux is helpful in a React app, and diagrams showing the data flow.
A clear descriptive overview of Redux's background, core concepts, principles, and usage with React. Also describes the basics of async behavior, testing, and debugging.
Introduction to Redux / A beginner's introduction to working with Redux in React
A pair of tutorials that explain the basics of working with a Redux store and how to use the React-Redux library.
Immutable Updates in React and Redux
Good examples of how to properly update nested state immutably
The most common Redux mistake and how to avoid it
Quick tips on understanding how to update data immutability, and avoid mutations.
Replacing state in Redux reducers: a few approaches
Examples of different ways to safely update state in reducers.
React application state management with Redux
A tutorial that discusses why a state management library is useful in React apps, introduces Redux usage, and shows how to subscribe to Redux store updates both by hand and using React-Redux.
An ongoing series of posts intended to demonstrate a number of specific Redux techniques by building a sample application, based on the MekHQ application for managing Battletech campaigns. Written by Redux co-maintainer Mark Erikson. Covers topics like managing relational data, connecting multiple components and lists, complex reducer logic for features, handling forms, showing modal dialogs, and much more.
Building a Simple CRUD App with React + Redux
A nifty 8-part series that demonstrates building a CRUD app, including routing, AJAX calls, and the various CRUD aspects. Very well written, with some useful diagrams as well.
The Soundcloud Client in React + Redux
A detailed walkthrough demonstrating project setup, routing, authentication, fetching of remote data, and wrapping of a stateful library.
Full-Stack Redux Tutorial
A full-blown, in-depth tutorial that builds up a complete client-server application.
Getting Started with React, Redux and Immutable: a Test-Driven Tutorial
Another solid, in-depth tutorial, similar to the "Full-Stack" tutorial. Builds a client-only TodoMVC app, and demonstrates a good project setup (including a Mocha+JSDOM-based testing configuration). Well-written, covers many concepts, and very easy to follow.
Managing Data Flow on the Client Side
Walks through a small Redux example, and talks about the benefits
Getting Started with Redux
Walks through setting up a small Redux app, and builds up each layer
Build an Image Gallery using React, Redux, and redux-saga
A step-by-step look at building a page with some complex async behavior.
Interactive Frontend Development with React and Redux
An Estonian university course covering React and Redux. Lecture videos, slides, and course code are all available online (in English). Topics include React philosophy, container components, Redux basics, async actions, middleware, routing, and optimization.
Build a React Redux App with JSON Web Token (JWT) Authentication
Demonstrates building the client portion of a JWT-authenticated application (follow-up to previous articles that built the server-side).
Redux Hero: An Intro to Redux and Reselect
An introduction to Redux and related libraries through building a small RPG-style game
Building a Chat App with React, Redux, and PubNub
A four-part tutorial that walks through building a realtime chat app
React and Redux Tutorial - Trending Github
A five-part tutorial that builds a small app showing trending Github repos.
Mapping Colorado's 14er Mountains with React and Redux
Demonstrates building an app that uses Google Maps to show markers for locations, as well as cards with info on those locations.
Zero to Hero with React and Redux
A 2-hour video tutorial that introduces Redux concepts and use with TypeScript.
Screencast: Builting a React/Redux App from Scratch
A 2-hour screencast demonstrating building a Redux app from the ground up
Build a Media Library With React, Redux, and Redux-Saga
A two-part tutorial that builds an image and video display and preview app
A Practical Guide to Redux
A tutorial that introduces the key concepts and usage of Redux through the code in a small sample app.
A comprehensive React-Redux tutorial
A very long, detailed article that digs into Redux's concepts, and builds a book management application in the process.
React and Redux Sagas Authentication App Tutorial
A 3-part tutorial that builds a reasonably complex app, using Redux-Saga, Redux-Form and React-Router, with an emphasis on practical aspects of putting things together.
Get familiar with React, Redux, and basic personal finance
A tutorial that builds a small financial savings calculation app.
Build a CRUD App Using React, Redux, and FeathersJS
Walks through building a client-server application that uses FeathersJS to set up the server API.
Nathan's Guide to Building a React/Redux Application
A tutorial intended to bridge the gap between "hello world" tutorials and "real-world" boilerplates. Covers building a server-rendered React application using Webpack 2, React Router 4, Redux, and ES6.
Building Tesla's Battery Range Calculator with React+Redux
Follows the "plain React" version in Part 1 by introducing basic Redux concepts, and modifying the original version to use Redux for managing state.
NodeJS React-Redux Tutorial
A multi-part tutorial that covers building a news app with React, Redux, and a Node API server using MongoDB, as well as setting up JWT-based authentication.
Simple Redux Create Delete Contact Application
Demonstrates building a simple client-side contact list app
React + Redux: User Registration and Login Tutorial
A tutorial that shows how to build a React+Redux app that uses JWT authentication, with the example based on a real-world application.
Build a Bookshop with React & Redux
Introduces React and Redux concepts by building a small bookshop app.
How to build a Chat Application using React, Redux, Redux-Saga, and Web Sockets
A tutorial that demonstrates building a small real-time client-server chat application.
CRUD with Redux
A video screencast tutorial series that demonstrates how to build a CRUD app with React, Redux, React-Router, and MongoDB.
Developing Games with React, Redux, and SVG
A 3-part series that shows how to build a Space Invaders-style action game using React for the UI layer, SVG for the display, and Redux for the data flow, as well as socket.io for a real-time leaderboard and Auth0 for authentication.
Redux Implementation Walkthroughs
Read the Source ep17 - React Redux with Dan Abramov
Dan walks through the implementation and concepts of React-Redux. A great follow-up to the Egghead.io tutorial series.
A very simplified version of React Redux's
connect()function that illustrates the basic implementation
Build Yourself a Redux
An excellent in-depth "build a mini-Redux" article, which covers not only Redux's core, but also
connectand middleware as well.
Let's Write Redux!
Walks through writing a miniature version of Redux step-by-step, to help explain the concepts and implementation.
Looks at the core concepts in Redux, and builds up a mini-Redux to demonstrate how Redux works internally.
Learning Redux with Reducks
Another "build a mini-Redux" article series.
AMA with the Redux Creators
Dan Abramov and Andrew Clark answer questions about Redux, and describe the history of its original development. Second link is a summary of answers in the AMA.
A short screencast that demonstrates building a mini-Redux from scratch
Build Alterdux: A Redux-Compatible Library From Scratch
A useful example of building a mini-Redux from the ground up, with explanations of some of the ideas that Redux uses.
Code your own Redux
Another "build a mini-Redux" series, including an explanation of how React-Redux's
A dive through the source code of Redux looking at the parts that really matter, with discussion of the design decisions and patterns used and what consequences they have.
"Redux without the sanity checks in a single file"
A gist from Dan Abramov, showing how Redux's core logic fits into less than 100 LOC.
A guided walkthrough of the code for Redux's
Implement React Redux from Scratch
A 3-part series that builds a slightly simplified version of the React-Redux v5
connectfunction to explain how it works. A good follow-up from Dan's "connect.js explained" gist, which shows the basic conceptual behavior of
connect, while this one traces through the internals.
"I use React and Redux but never React-Redux, what am I missing out on?"
A response I wrote to someone who asked why they should use the React-Redux
connectfunction instead of subscribing to the store manually, where I described the benefits of using
connectinstead of writing manual subscription code.
"Help getting @connect command to work with my Create-React-App project"
A comment I wrote describing why the Redux team discourages use of
connectas a decorator.
A small reimplementation of Redux, with comments explaining how the code works.
Finally understand Redux by building your own Store
Teaches Redux concepts by going under the hood and building a Redux-equivalent Store class from scratch
A miniature Redux and React-Redux implementation built for learning purposes
Paid Courses and Books
Redux in Action
A comprehensive book that covers many key aspects of using Redux, including the basics of reducers and actions and use with React, complex middlewares and side effects, application structure, performance, testing, and much more. Does a great job of explaining the pros, cons, and tradeoffs of many approaches to using Redux. Personally recommended by Redux co-maintainer Mark Erikson.
The Complete Redux Book
How do I manage a large state in production? Why do I need store enhancers? What is the best way to handle form validations? Get the answers to all these questions and many more using simple terms and sample code. Learn everything you need to use Redux to build complex and production-ready web applications. (Note: now permanently free!)
Developing a Redux Edge
Modern React with Redux, by Stephen Grider (paid)
Master the fundamentals of React and Redux with this tutorial as you develop apps with React Router, Webpack, and ES6. This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux.
Redux, by Tyler McGinnis (paid)
When learning Redux, you need to learn it in the context of an app big enough to see the benefits. That's why this course is huge. A better name might be 'Real World Redux. If you're sick of "todo list" Redux tutorials, you've come to the right place. In this course we'll talk all about what makes Redux special for managing state in your application. We'll build an actual "real world" application so you can see how Redux handles edge cases like optimistic updates and error handling. We'll also cover many other technologies that work well with Redux, Firebase, and CSS Modules.
Learn Redux, by Wes Bos (free)
A video course that walks through building 'Reduxstagram' — a simple photo app that will simplify the core ideas behind Redux, React Router and React.js
Modern Web Apps with React and Redux (paid)
A paid course on TutsPlus that builds a spaced-repetition notecard app.