redux-tutorials
Last updated
Was this helpful?
Last updated
Was this helpful?
Redux Docs 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"
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.
Single State Tree + Flux Describes the benefits of a Flux architecture, and a single state tree like Redux has
Understanding Redux 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
Redux-Tutorial 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.
Redux diagrams 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.
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.
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: Work in progress as of May 2016, but looks very promising.)
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
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.
Build an Image Gallery using React, Redux, and redux-saga A step-by-step look at building a page with some complex async behavior.
The Soundcloud Client in React + Redux A detailed walkthrough demonstrating project setup, routing, authentication, fetching of remote data, and wrapping of a stateful library.
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.
TypeScript Redux This guide goes through setting up, running and exploring the ultimate JavaScript Stack du jour: TypeScript, JSPM, React, and Redux.
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
An Adventure in Redux: building redux-adventure Builds a small randomized dungeon game using Redux, TypeScript, and Angular 2
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.
Connect.js explained
A very simplified version of React Redux's connect() function that illustrates the basic implementation
Let's Write Redux! Walks through writing a miniature version of Redux step-by-step, to help explain the concepts and implementation.
Hacking Redux 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.
Exploring Redux Middlewares Understanding middlewares through a series of small experiments
Understanding Redux Middleware Breaks down Redux's applyMiddleware function line-by-line, and explains the concepts involved
Building Redux Middleware Demonstrates building a basic Redux middleware
A Beginner's Guide to Redux Middleware A useful explanation of middleware use cases, with numerous examples
Redux Middleware A tutorial describing how Redux compares to typical "MVC", what a "middleware" is, what they can do, and how you can test them.
Redux Middleware Tutorial
An overview of what middleware is, how applyMiddleware works, and how to write middleware.
Redux Middleware: Behind the Scenes Digs into the concepts and implementation of middleware.
Middlewares and React Redux Lifecycle A description of what a middleware is, and how it works in Redux