Using Redux With React

Redux is a predictable state container for JavaScript apps. More info

Articles & Tutorials

Building A Web App With React, Redux And Sanity.io (smashingmagazine.com)
Feb 11, 2021
In this article, Ifeanyi explains how to build a simple listing app with Sanity.io and React. The global states will be managed with Redux and the application will be styled with styled-components.
  • Ifeanyi Dike
Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux) (blog.isquaredsoftware.com)
Jan 18, 2021
Definitive answers and clarification on the purpose and use cases for Context and Redux.
  • Mark Erikson
How to Switch from Redux to Recoil (telerik.com)
Nov 03, 2020
Like Redux, Recoil is state management library in React. Let’s look at the differences and how to make the switch when you’re ready.
  • Peter Mbanugo
How to Use Redux in Your React TypeScript App (freecodecamp.org)
Sep 08, 2020
In this guide, I will show you how to use Redux in your React TypeScript project by building an app that allows you to add, delete, and show articles.
  • Ibrahima Ndaw
Getting started with react-redux-firebase (blog.logrocket.com)
Apr 24, 2020
In this article, we will learn how to use react-redux-firebase to build a simple to-do app with Firebase’s Cloud Firestore, and we’ll add user authentication while we’re at it.
  • Yusuff Faruq
Using Redux with React: Complete Tutorial with Real-World Examples (taniarascia.com)
Mar 09, 2020
Do you have experience using React? Have you heard of Redux, but you've put off learning it because it looks very complicated and all the guides seem overwhelming? If that's the case, this is the article for you! Contain your fear of containing state and come along with me on this relatively painless journey.
  • Tania Rascia
How to build a type-safe React Redux app (blog.logrocket.com)
Mar 06, 2020
Adding a type checking feature to your React application can help you catch lots of bugs at compile time. In this tutorial, we’ll demonstrate how to build a type-safe React Redux app by examining a real-world example.
  • Ganesh Mani
Do you like Redux? Then you’ll love react-connect-context-hooks! (medium.com)
Feb 25, 2020
react-connect-context-hooks is a library inspired in react-redux and parts of its ecosystem (redux-thunk and reselect), but simpler and with a smaller footprint (only ~1.5kb gzipped and tree-shakeable).
  • Adrian Gallardo
Replacing Redux with React Hooks (leighhalliday.com)
Dec 18, 2019
Redux has been the go-to way to manage state within your React application for years. It's popularity is due in large part because when it was introduced, it solved a number of problems which were difficult to do in vanilla React on its own.
Understanding How Reducers are Used in Redux (css-tricks.com)
Oct 24, 2019
We’re going to focus squarely on reducers is in this post. Our goal is to get comfortable working with the reducer function so that we can see how it is used to update the state of an application — and ultimately understand the role they play in a state manager, like Redux.
  • Kingsley Silas
Idiomatic Redux: Redux Starter Kit 1.0 (blog.isquaredsoftware.com)
Oct 23, 2019
A look at the motivations, design, and goals for Redux Starter Kit.
  • Mark Erikson
Reasons to learn Redux as a JavaScript Developer (robinwieruch.de)
Sep 21, 2019
Redux is a whole mindset shift for many people in the JavaScript community, who literally grew up with only web development, but never heard about function composition or immutability before. Whether Redux stays with us for a few more years or makes place for other state management libraries, it leaves a great legacy on how we develop modern web applications.
How to test React-Redux connected Components (robinwieruch.de)
Aug 30, 2019
React components connected to Redux can turn out pretty complex. Thus most people think that testing these complex components can turn out very complex as well. But it shouldn't be complex at all, if you take full control of the Redux store in your integration/unit test for the React component.
Methods for tracking action status in Redux (blog.logrocket.com)
Aug 21, 2019
Having worked on a fair share of React and Redux applications, I can’t help but notice that many people have a hard time indicating to the user that a given action is currently taking place.
  • Maciej Cieślar
How Redux Connect compares to the new Redux Hooks (itnext.io)
Jul 31, 2019
So it has been a hot reloading minute since React released their hooks API and I think it is fair to say that the majority of the community have played around with the new API. If you haven’t already, I definitely recommend it as they are great.
  • Terence Jeong
How I developed a Concurrent Mode friendly library for React Redux (blog.axlight.com)
Jul 27, 2019
I have been developing several React hooks libraries for months. In this post, I will explain why and how I developed a React Redux binding library with React hooks. The library is implemented to be concurrent mode friendly. Let’s discuss why it’s important and what’s the technique behind it.
  • Daishi Kato
Redux Persist with Next.js (robinwieruch.de)
Jul 25, 2019
The following implementation shows you how to integrate Redux Persist into Next.js with a quick example.
Redux with Code-Splitting and Type Checking (blogs.dropbox.com)
Jul 16, 2019
This article assumes a working knowledge of Redux, React, React-Redux, TypeScript, and uses a little bit of Lodash for convenience.
  • Matthew Gerstman
Thoughts on React Hooks, Redux, and Separation of Concerns (blog.isquaredsoftware.com)
Jul 10, 2019
Some observations on the tradeoffs involved in using React hooks.
  • Mark Erikson
A Deep Dive into Redux (sitepoint.com)
Jun 13, 2019
Building stateful modern applications is complex. As state mutates, the app becomes unpredictable and hard to maintain. That’s where Redux comes in. Redux is a lightweight library that tackles state. Think of it as a state machine.
  • Camilo Reyes
Build our own React-Redux using useReducer and useContext Hooks (blog.bitsrc.io)
Jun 05, 2019
We always use the react-redux library in our React apps whenever we decide to include state management in our React app.
  • Chidume Nnamdi
Four patterns for global state with React hooks: Context or Redux (blog.axlight.com)
May 27, 2019
Global state or shared state is one of the biggest issues when you start developing a React app. Should we use Redux? Do hooks provide a Redux-like solution? I would like to show four patterns toward using Redux. This is my personal opinion and mainly for new apps.
  • Daishi Kato
How to Redux with React Hooks? (robinwieruch.de)
May 20, 2019
There are several React Hooks that make state management in React Components possible.
How to convert from React-Redux classes to React Hooks, the easy way (medium.freecodecamp.org)
May 15, 2019
With the recent release of create-react-app v3 and React hooks, I decided to write a tutorial on how to refactor a class component to a functional hooks component.
  • Mohammad Iqbal
React's useReducer vs Redux (robinwieruch.de)
May 13, 2019
Now, many people keep wondering: Does useContext and useReducer replace Redux? As of the time of writing this article, React Hooks don’t replace Redux.
Redux Selectors: A Quick Tutorial (daveceddia.com)
Mar 26, 2019
You might’ve run up against this concept in Redux called a “selector.” In this short tutorial I’ll explain what selectors are, why they’re useful, and when (and when not) to use them.
How to integrate React Hooks into your project without changing your Redux code (medium.freecodecamp.org)
Mar 22, 2019
In this tutorial we will be going over how to integrate React Hooks into a React Redux project without changing the Redux code (reducers and actions) at all.
  • Mohammad Iqbal
Redux in 27 lines (dev.to)
Mar 21, 2019
This article will take you through how you can implement an API similar to Redux yourself. Not because you'll want to do just that, but because it'll help you understand how Redux works!
  • Kristofer Selbekk
A Complete React Redux Tutorial for 2019 (daveceddia.com)
Mar 10, 2019
In this Redux tutorial I’m going to explain how to use Redux with React incrementally – starting with plain React – and a very simple React + Redux example. I’ll explain why each feature is useful (and when you can skip some).
Hooks, State, Closures, and useReducer (adamrackis.dev)
Mar 09, 2019
For those of us coming from a Redux background, useReducer can seem deceptively complex and unnecessary. Between useState and context, it’s easy to fall into the trap of thinking that a reducer adds unnecessary complexity for the majority of simpler use cases; however, it turns out useReducer can greatly simplify state management.
  • Adam Rackis
How to simplify state in your React app — Redux with a twist (medium.freecodecamp.org)
Mar 05, 2019
The words “simple” and “Redux” rarely appear together in the same sentence. And yet, much of the React community has come to embrace Redux as one of the best solutions for implementing application state.
  • Arnel Enero
Fetching data from an api using React/Redux (dev.to)
Mar 05, 2019
After you've set up your React application you need to install a tool called redux-thunk by using the command npm install redux-thunk.
  • Markus Claus
How to get started with Gatsby 2 and Redux (medium.freecodecamp.org)
Feb 28, 2019
Gatsby + Redux is a powerful combination when building static web-apps with dynamic features. With Gatsby 2, it has never been easier to get up and running. Today, I’m going to guide you through the steps needed.
  • Carl-Johan Kihl
Access the Redux Store Outside a React Component (daveceddia.com)
Feb 26, 2019
The React Redux connect function works great for regular React components, but if you need access to the Redux store in a plain function, the technique is a bit different. In the examples below I’ll show how to access a JWT token from the Redux store, but the techniques will work with any data you might have.
Creating a react-redux alternative with Hooks and Proxies (frontarm.com)
Feb 25, 2019
Learn to create a simple React/Redux integration using Hooks, then improve the performance using JavaScript Proxies.
  • Daishi Kato
useRedux — state management pattern with React Hooks (hackernoon.com)
Feb 20, 2019
Ever since React Hooks feature was announced and the API went public, I have been thinking about what this means for Redux — a well known state management library.
  • Jakub Šoltés
Front-End Development with JavaScript using Reactjs, Redux, Sass and Webpack (itnext.io)
Feb 11, 2019
This blog post is for JavaScript developers who wanted to develop a Web Application using Full Stack capabilities of JavaScript.
  • Bitupon Chetia
How to use Redux in React Firebase (robinwieruch.de)
Feb 10, 2019
This tutorial dives into using Redux on top of React and Firebase for state management. You will exchange React’s local state (e.g. users on admin page, messages on home page) and React’s context (e.g. session management for authenticated user) with Redux.
How to load data in React with redux-thunk, redux-saga, suspense, & hooks (medium.freecodecamp.org)
Jan 31, 2019
There is no one clear way how to handle asynchronous calls to the API (backend) or any other side effects. In this article I’m trying to compare different approaches to solving this problem.
  • Valerii Tereshchenko
How Redux Works - Part 2 (matthewgerstman.com)
Jan 30, 2019
In our last post we covered the bulk of how Redux works with createStore. In this post we'll cover the various other files in the library. While some of these contain simple utilities, others are much more complex.
  • Matthew Gerstman
How Redux Works - Part 1 (matthewgerstman.com)
Jan 29, 2019
I spend a lot of time walking people through Redux best practices and how to use it, and throughout this process I've found it really helpful to dive into the source itself. While this source is very readable and well commented, I thought I'd put together a blog post to break it down and add some more context.
  • Matthew Gerstman
A beginner’s guide to Redux (medium.freecodecamp.org)
Dec 27, 2018
This guide presents a very simplified example of a Redux implementation. I will define each of the steps and terms in a way that makes sense to a complete beginner.
  • Safeer Hayat
React Redux Tutorial for Beginners: The Definitive Guide (2019) (valentinog.com)
Dec 24, 2018
The simplest React Redux tutorial I wish I had when I started learning
  • Valentino Gagliardi
React Redux Tutorial for Beginners [2018] (robinwieruch.de)
Dec 13, 2018
A complete React Redux tutorial for beginners: Learn how to build React Redux applications from scratch by following this step by step implementation of an example application.
How to use Redux in ReactJS with real-life examples (medium.freecodecamp.org)
Dec 10, 2018
In this article, I am going to add Redux on top of one of the projects that I have worked over the last one and some years.
  • Nazare Emanuel Ioan
Testing of React component with a real Redux store (react.christmas)
Dec 05, 2018
Do you avoid testing of components that depend on Redux because you fear the complexity? Are you loosing sleep worrying about configuring huge mock stores for testing the simplest of components? Fear no moarrr!
  • Aleksander Sjåfjell
  • Kjetil Børs-Lind
An Unforgettable Way to Learn Redux — The Visual Guide (levelup.gitconnected.com)
Nov 21, 2018
The following is a visual guide to learning Redux. One focused on the core Redux principles explained with memorable associations and custom illustrations.
  • Ohans Emmanuel
A deadly simple React bindings library for Redux with Hooks API (itnext.io)
Nov 17, 2018
In this article, we propose another bindings library to combine React and Redux. This library tries to be simple and easy for beginners. As of writing, this is still an experimental project and feedbacks are welcome.
  • Daishi Kato
Choosing between Redux and React’s Context API (blog.usejournal.com)
Sep 23, 2018
While I worked on a recent project at work, I had to implement filtering and sorting (for a table) through some URL query parameters.
  • Faiz Mohammed
When To Implement Redux in Your React App (telerik.com)
Sep 11, 2018
Redux can help address some of the issues that arise as your web application grows in size.
  • Richard Reedy
When to use Redux (blog.jakoblind.no)
Aug 23, 2018
It’s important to understand why and not just follow advice blindly.
How to code split Redux store to further improve your app's performance (dev.to)
Aug 14, 2018
These days, to achieve optimal app load times when users visit our website, we are questioning every byte of code that is being transferred on the network.
  • Sagi Avinash Varma
How to integrate Redux into your application with React Native and Expo (medium.freecodecamp.org)
Aug 10, 2018
Before reading the rest of the tutorial and going further, just try to remember that you are only learning about Redux because it will make things easier for you, and not more difficult.
  • Aman Mittal
Lessons Learned Using React-Redux (theblog.workey.co)
Aug 09, 2018
From Big Containers to Small Connected Components
  • Elad Levy
Understanding Redux Thunk (codeburst.io)
Aug 09, 2018
I will try to explain what is Redux Thunk by building a Github Search application.
  • Pratik Chakravorty
Data fetching in Redux apps  -  a 100% correct approach (blog.logrocket.com)
Aug 08, 2018
Sadly, state management is just one of the many issues you have to deal with while building robust applications. What about handling side effects (like network requests, the most common)?
  • Ohans Emmanuel
Introduction to Using Redux in a React Native App (alligator.io)
Jul 29, 2018
In this article, we will learn how to persist user data using Redux in a React Native application.
  • Zeb Girouard
The best way to architect your Redux app (medium.freecodecamp.org)
Jul 19, 2018
This article is about how to think in Redux. We’ll try to understand how we can utilise this wonderful library to make our application more stable, robust, and maintainable.
  • Lusan Das
Testing React / Redux Apps with Jest & Enzyme - Part 4: Testing Redux Reducers (alligator.io)
Jul 10, 2018
In this part we’ll cover some simple examples on how to test Redux reducers.
  • Jasper Valero
What Is Redux: A Designer’s Guide (smashingmagazine.com)
Jul 05, 2018
Let’s dig deeper into what Redux can do, why it does its things, what the downsides are, and how it relates to design.
  • Linton Ye
How We Ditched Redux for MobX (medium.com)
Jul 02, 2018
Along the road of getting React into our codebase, we stumbled upon the most challenging bits of doing frontend development: state management.
  • Luis Aguilar
Testing React / Redux Apps with Jest & Enzyme - Part 3: Testing Redux Actions (alligator.io)
Jun 27, 2018
In this part we’ll cover some simple examples on how to test Redux actions.
  • Jasper Valero
How to use Redux with Apollo Client and GraphQL in React (robinwieruch.de)
Jun 26, 2018
When having a GraphQL server, Apollo Client can be a valid option for your remote data. How fits Redux into the equation? This tutorial shows you an example on how Redux and Apollo Client can be used together in a React application. Whereas Redux is used for local data, Apollo Client is used for remote data.
Three ways to reduce the Redux boilerplate (and become more productive) (blog.jakoblind.no)
Jun 25, 2018
Have you noticed the boilerplate code when coding Redux? I bet you have! But you know what? Redux doesn’t enforce you to use all of it. There are shortcuts you can take. Shortcuts that are ok to use!
Redux connect()() is confusing. Why not use subscribe()? (blog.jakoblind.no)
Jun 18, 2018
Redux makes sense but when React comes into play with the react-redux package you get confused.
React Baby Steps IV: Testing React-Redux (x-team.com)
Jun 14, 2018
I prefer to apply the KISS Principle when solving problems, so the same goes for testing React-Redux apps.
  • Vanja Petreski
React Baby Steps III: Idiomatic Redux (x-team.com)
Jun 13, 2018
After the First Taste of Redux I worked through the Building React Applications with Idiomatic Redux course.
  • Vanja Petreski
React Baby Steps II: The First Taste of Redux (x-team.com)
Jun 12, 2018
After React Baby Steps, it's time to learn Redux.
  • Vanja Petreski
Understanding Redux: The World’s Easiest Guide to Beginning Redux (medium.freecodecamp.org)
Jun 01, 2018
This is a comprehensive (but simplified) guide for absolute Redux beginners, or any who wants to re-evaluate their understanding of the fundamental Redux concepts.
  • Ohans Emmanuel
Testing React / Redux Apps with Jest & Enzyme - Part 1: Installation & Setup (alligator.io)
May 20, 2018
Learn how to install and setup Jest and Enzyme for testing React.
  • Jasper Valero
The Perils of Using a Common Redux Anti-Pattern (itnext.io)
May 17, 2018
In this post, I’m going to share one of the most common pitfalls associated with Redux and how to best recognize and avoid it. Avoiding this common pitfall will help you produce complex, maintainable applications faster.
  • Steven Scaffidi
React + Redux — Best Practices (medium.com)
Apr 20, 2018
This article mainly focuses on implementing some good practices I follow when building large scale applications with React and Redux.
  • Ravi Teja Kumar Isetty
Redux - A CRUD Example (codeburst.io)
Apr 02, 2018
This article’s goal is to explain the core concepts of Redux by making a CRUD application.
  • Pratik Chakravorty
How GraphQL Replaces Redux (hackernoon.com)
Mar 09, 2018
“What?!”, you say. “GraphQL is a server side query language. Redux is a client-side state management library. How could one replace the other?” Good question.
  • Mark Johnson
Redesigning Redux (hackernoon.com)
Feb 28, 2018
Shouldn’t state management be a solved problem by now? Intuitively, developers seem to know a hidden truth: state management seems harder than it needs to be.
  • Shawn McKay
Making Redux click! (blog.jakoblind.no)
Feb 28, 2018
Have you read Redux tutorials, but it is still not making it into your brain? We are all looking for that moment where it just clicks and we understand it. I hope this article takes you one step closer to that moment.
Learn Redux by Building Redux from Scratch (levelup.gitconnected.com)
Feb 26, 2018
A tutorial to understand the core Redux library by building it step-by-step.
  • Trey Huffine
Replacing Redux with the new React context API (medium.freecodecamp.org)
Feb 25, 2018
The new context API that comes with React 16.3 is pretty neat. It was built in the render props style trending over these last months. Let’s explore it.
  • Didier Franc
The state reducer pattern (blog.kentcdodds.com)
Feb 19, 2018
A new pattern has been implemented in downshift and it’s awesome. Use the state reducer pattern to make your components more useful.
When (and when not) to use Redux (blog.logrocket.com)
Jan 19, 2018
In this post, I’m going to discuss Redux, how it’s deeply rooted in the concepts of functional programming, and how to decide if you need it in your application.
What to do after the React/Redux tutorials (blog.jakoblind.no)
Jan 18, 2018
You are now ready to take the next step, but what is the next step? Taking yet another tutorial? Write another TODO-app? Pay for a “mastering React” course?
Tips to learn React + Redux in 2018 (robinwieruch.de)
Jan 09, 2018
An extensive guide of tips, tricks and resources to learn React.js and Redux in 2018. The tutorial covers various topics in React, JavaScript ES6 and Redux to give you a great start in those topics.
React, Redux and JavaScript Architecture (jrsinclair.com)
Jan 08, 2018
With Redux (like React), understanding why you’d want to use it is much more interesting than how it works.
  • James Sinclair
How I test redux-saga (codeburst.io)
Dec 08, 2017
Because the saga effects only construct a special object that is consumed and executed by the middleware (aka they dont do much!), it is really easy to test your sagas with no mocking required.
  • Axel Normand
Why isn't my React component updating (using Redux)? (blog.jakoblind.no)
Nov 30, 2017
The most common Redux mistake is to mutate data in the reducer. What is mutable data, why can it lead to bugs and what can you do to avoid it?
Debugging React Native and Redux with React Native Debugger (blog.reactnativecoach.com)
Nov 24, 2017
Every developer will get to a point when they’re working where they’re going to have to debug their code.
  • Gunnari Auvinen
How Redux Can Make You a Better Developer (medium.cobeisfresh.com)
Nov 08, 2017
I’m not here to promote Redux, but to explain to you why I think that you should learn Redux and how it can make you a better developer in general.
  • Danijel Vincijanovic
What Does Redux Do? (and when should you use it?) (daveceddia.com)
Oct 25, 2017
Read this to figure out what Redux is for, why it's useful, and when to use it.
Let’s Build: Cryptocurrency Native Mobile App With React Native + Redux (medium.com)
Oct 15, 2017
I’m going to teach you how to write a native mobile app with React Native and Redux.
  • Indrek Lasn
TLTR; Redux (medium.com)
Oct 10, 2017
Redux is a tiny Javascript library that manages the state of your application in a more consistent and practical way.
  • Nick Tsourektsides
Getting Started with Redux (sitepoint.com)
Sep 26, 2017
In this guide, I’ll introduce you to a framework known as Redux, which can help you build complex projects in a way that’s easy to scale and maintain.
  • Michael Wanyoike
Evil things you do with redux  -  dispatch in updating lifecycle methods (hackernoon.com)
Jul 31, 2017
In the code base I work on, we are doing an evil thing. Something that shouldn’t be done. We are making dispatch calls in React lifecycle methods such as componentWillReceiveProps, componentWillUpdate, and componentDidUpdate.
  • Chris Tate
10 Redux tips to scale your dev team (blog.matters.tech)
Jul 27, 2017
Is everything perfect with Redux? Not quite, as Redux is based on the “exotic” functional programming approach, it may be wrongly used. This article targets developers planing to use Redux at scale.
  • Bat Manson
Redux Action creator best practice (blog.jakoblind.no)
Jul 20, 2017
When coding complex Redux applications, you can come to a situation where you have more than one potential solution to a given problem.
8 things to learn in React before using Redux (robinwieruch.de)
Jul 19, 2017
Facts about React that should be known before using Redux (or MobX). Most important: Learn React first, then opt-in Redux but only if you need it. There are various techniques in React.js for scaling your local state management.
Code your own combineReducers (blog.jakoblind.no)
Jul 06, 2017
Today it’s time for the combineReducer function.
Redux and Redux Saga in Next.js (robinwieruch.de)
Jun 28, 2017
A couple of basic setup steps to use Redux combined with Redux Saga in Next.js. Whereas Next.js enables you to build server-side rendered React applications, Redux and Redux Saga make sure to handle your state not only on the client-side, but also on the server-side.
Five Tips for Working with Redux in Large Applications (techblog.appnexus.com)
Jun 09, 2017
Over the course of developing these interfaces, we have arrived at some helpful rules and tips to keep Redux manageable.
  • Chris Dopuch
Async Actions with Redux Thunk demystified (blog.jakoblind.no)
Apr 25, 2017
Async/Ajax being in the advanced section of the official documentation can make developers afraid or hesitant to start learning about it.
Redux or MobX: An attempt to dissolve the Confusion (robinwieruch.de)
Mar 28, 2017
Using Redux or MobX in your React application? The article shows you all the differences between both state management libraries that can be used in React.
Code your own Redux part 2: the connect function (blog.jakoblind.no)
Mar 20, 2017
Now it’s time to code the function that connects Redux to React!
Learn Redux by coding a Mini-Redux (blog.jakoblind.no)
Mar 13, 2017
A different learning strategy is to code a simple Redux yourself to develop a deeper understanding of the fundamental principles of the library.
Dissecting Twitter’s Redux Store (medium.com)
Feb 10, 2017
I thought it would be fun to dig into Twitter's Redux store, and see how in the hell they organize all them tweets in their state tree.
  • Ryan Johnson
You Might Not Need Redux (medium.com)
Sep 19, 2016
People often choose Redux before they need it. “What if our app doesn’t scale without it?”
Redux · An Introduction (smashingmagazine.com)
Jun 28, 2016
Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a predictable state container for JavaScript apps. To rephrase that, it's an application data-flow architecture, rather than a traditional library or a framework like Underscore.js and AngularJS
  • Alex Bachuk
Persist Redux state by using Sagas (engineering.invisionapp.com)
Apr 26, 2016
redux-saga is a fairly new library in the Redux ecosystem, one that has quickly gained adoption and traction in the community.
  • João Portela

Video Guides & Talks

Let’s Learn Modern Redux! (youtube.com)
May 28, 2021
A lot has changed in Redux since it was originally created. In this episode, Mark Erikson will teach us about Redux Toolkit an React-Redux hooks.
  • Jason Lengstorf
  • Mark Erikson
React Redux Crash Course 2021 (youtube.com)
Apr 10, 2021
By the end of this React Redux crash course, you will learn how Redux works in React. You will be introduced to different terms in Redux such as Store, Action, Reducer & Dispatch. I have a quick exercise for you to complete as well. Let's start!
  • Hong Ly
React Context API vs. Redux (youtube.com)
Oct 28, 2019
With Context, useContext, and useReducer, do you even still need Redux? What's the difference between Context and Redux anyway?
A Deep Dive into React-Redux (youtube.com)
Jul 04, 2019
Redux and React are frequently used together, and many people are familiar with the "Provider" and "connect" APIs from React-Redux. But how does React-Redux work, and why do we even need it in the first place?
  • Mark Erikson
Handle All Async Events in Redux-Sagas (youtube.com)
Jul 04, 2019
We will implement a redux-saga event channel to catch signals of bluetooth beacons (why on earth do I try a hardware live demo!). Besides, this talk want to strengthen your understanding of generator functions (the backbone of redux-sagas).
  • André Kovac
Full Stack React & Firebase Tutorial - Build a social media app (youtube.com)
Jun 24, 2019
In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.
  • Beau Carnes
Easy Peasy React State Management (youtube.com)
Jun 13, 2019
Easy Peasy simplifies Redux state management and takes away all of that annoying boiler plate. Well take a look at how to get going with it.
React Testing Library - Testing Redux (youtube.com)
Mar 02, 2019
In this video we'll see how to test using Redux and connected components with the React Testing Library.
React Context vs Redux - Who wins? (youtube.com)
Feb 19, 2019
Is the React Conext API a good replacement for Redux? And how would you switch? Here's an example project and some reasons on why (not to) switch!
Leveraging Context API in Redux (youtube.com)
Dec 20, 2018
Redux and Context are frequently discussed as competing state management solutions. Redux is strengthened, but also sometimes limited by its prescription of "one true global store." This talk discusses a synergy between the two technologies to address this 'limitation' in certain cases.
  • Brian Mullin
Abstracting the Business Away with React+Redux (youtube.com)
Dec 17, 2018
Let's talk about how React fares in the real world when 'the business' gets involved.
  • Elianne Schutze
Structure Your App's Story With Sagas and Selectors (youtube.com)
Dec 17, 2018
If React is designed for the view layer, and we’re using Redux or something similar for the state, then where does the business logic go? This talk looks at the different options and tries to answer that question.
  • Rebecca Hill
Nordic.js 2018 - Using TypeScript with Redux Architecture (youtube.com)
Dec 12, 2018
Functional reactive programming is based on the idea that applications can be built around streams. The structure TypeScript imposes provides us with a declarative syntax that gives semantic meaning to the streams of events and commands our application uses to build state in redux architecture.
  • Sandi Barr
Moving from Redux to GraphQL (youtube.com)
Dec 05, 2018
Shruti Kapoor, Software Engineer at PayPal, and Perumal Palani, Member of Technical Staff - 2 at PayPal, walk through the decisions of moving from Redux to GraphQL.
How to Write Bad Code in Redux (youtube.com)
Nov 27, 2018
In this talk I will show some bad practices and techniques with Redux, and how to avoid them. We will cover aspects such as code reuse, coding conventions, and architecture.
  • Adam Klein
Why I no Longer use Redux with React (youtube.com)
Oct 13, 2018
I used to use Redux with React all the time, but lately I've been using different libraries. Why do I no longer use Redux and what do I use instead?
How to test Redux (youtube.com)
Jul 18, 2018
Do you test actions, reducers, selectors, and components in isolation as unit tests? Or do you test the connected components with the actual store wired up as integration tests? Here are my thoughts.
MobX & Redux side by side (youtube.com)
Jul 12, 2018
Same app, 2 state management libs. Redux is super explicit, MobX fits in one file.
Redux tips & tricks (youtube.com)
Jul 05, 2018
Here's a few tips and tricks I learned about Redux over the years.
How Redux thunks make your life easier (youtube.com)
Jul 03, 2018
Redux with its actions and reducers and elegant store is great. But what makes it really shine are thunks. Thunks are great.
What does Redux actually _do_? (youtube.com)
Jul 02, 2018
So what does Redux actually _do_ when you do your reducers and your actions and connect things to the store?
Redux in 2 minutes (youtube.com)
Jul 01, 2018
So you know WHY you'd wanna use Redux and when. But how?
How Redux makes your code more refactorable (youtube.com)
Jun 30, 2018
You've heard of Redux haven't you? It's great and everyone's using it. But why? When? Does it always make sense to reach for Redux?
ReactCasts #10 - Redux Thunk Tricks (youtube.com)
May 12, 2018
Redux Thunk is the most used library for side effects and asynchronous calls in Redux - and that's for a reason.
  • Cássio Souza
The Fundamentals of Redux (youtube.com)
Mar 31, 2018
Redux is the most widely-used state management library for React applications, and has spread throughout the Javascript ecosystem. However, the learning curve can be steep for many people. Come join Redux co-maintainer Mark Erikson as we talk about the core concepts of Redux, how to use Redux with React, and how Redux was designed to make Javascript applications predictable.
  • Mark Erikson
Easy MobX and Redux Comparison (youtube.com)
Mar 24, 2018
We take an app from component state to MobX, then the same app from component state to Redux and talk about the differences. Async code in both MobX and Redux is covered!
MobX vs Redux vs setState: my two cents (youtube.com)
Mar 22, 2018
In this video, I would like to address what is by far, the most asked question on Sketch Elements: Why do you use MobX? I'm excited to give my take but also to hear your thoughts on that topic.
Redux Crash Course With React (youtube.com)
Mar 17, 2018
In this video we will talk about what Redux is and build a React app from scratch and add all of the boilerplate for Redux and work with the store/state, actions, reducers and all of the other fundamentals of the Redux state manager.
Redux Rematch - React Native Tutorial (youtube.com)
Feb 26, 2018
Today we'll be taking a look at a really cool library called Rematch. People who are new to react tend to find that learning redux can be a pain. Rematch makes using redux pretty painless and really simple!
What Is Redux? (youtube.com)
Jan 03, 2018
Redux is a predictable state container for JavaScript apps.
A practical guide to Redux Form (youtube.com)
Nov 08, 2017
Forms are hard in any framework, but they are extra complicated in React due to the recommended method of using "controlled inputs", inputs where all of their state is managed by the developer, not by the DOM or the React framework itself.
  • Erik Rasmussen
The Redux Journey (youtube.com)
Jun 04, 2016
In this talk, Dan reflects on the past, present, and future of Redux.

Books & Guides

React Cookbook (packtpub.com)Get it on Amazon
Aug 30, 2018
Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React
  • Carlos Santana Roldan
Real-world Redux (blog.jakoblind.no)
Aug 30, 2018
This is a single resource that teaches you everything you need to know to build real applications with Redux.
Understanding Redux (thereduxjsbooks.com)
Jun 01, 2018
The World’s Easiest Guide to Beginning Redux
  • Ohans Emmanuel
Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, 2nd Edition (amazon.com)Get it on Amazon
May 25, 2018
The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.
  • Kirupa Chinnathambi
The Complete Redux Book, 2nd edition (leanpub.com)
Apr 19, 2018
Everything you need to build real projects with Redux
  • Ilya Gelman
  • Boris Dinkevich
Human Redux (reduxbook.com)
Apr 16, 2018
Practical patterns for the hardest problems in JavaScript apps: containing complexity as requirements shift and managing application state.
  • Henrik Joreteg
Taming the State in React (roadtoreact.com)
Sep 26, 2017
Learn about local state in React and state management with Redux and MobX from scratch.
Learning Redux (packtpub.com)Get it on Amazon
Aug 31, 2017
Build consistent web apps with Redux by easily centralizing the state of your application
  • Daniel Bugl

Courses & Video Series

State Management with Redux & MobX (frontendmasters.com)
Jul 23, 2019
In this course, you’ll learn best practices for structuring your data and how to keep your application fast and nimble as your codebase grows. You’ll get your hands on multiple solutions for managing state in large React applications including Redux, Redux Thunk, Redux Observables and MobX.
Complete React Developer in 2019 (w/ Redux, Hooks, GraphQL) (udemy.com)
Jul 01, 2019
Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.
  • Andrei Neagoie
  • Yihua Zhang
Intermediate React, v2 (frontendmasters.com)
Jun 11, 2019
Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This is a modular course where you can pick and choose the various pieces of the react ecosystem you want to learn.
React Front To Back 2019 (udemy.com)
Jun 04, 2019
Lean Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects.
React Native for Designers Part 2 (designcode.io)
May 15, 2019
Learn to build an iOS and Android app from scratch. A 6-hour course for designers teaching custom animations, Styled Components, Redux, API data, HTML rendering with Markdown and adaptive layouts in React Native.
  • Meng To
Pure Redux (daveceddia.com)
Mar 19, 2019
You can be productive with Redux and React, and this video course will help you do it. You’ll get hands-on practice by building an app in React, and then refactoring it to use Redux. That’ll give you the basics.
React Native for Designers (designcode.io)
Feb 13, 2019
Learn to build an iOS and Android app from scratch. A 6-hour course teaching you custom animations, Styled Components, Redux, API data and adaptive layouts in React Native.
  • Meng To
The Complete React Js and Redux Course - Build Modern Web Apps (packtpub.com)
Nov 16, 2018
Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!
  • Rayan Slim
  • Rob Percival
Intermediate React (frontendmasters.com)
Sep 14, 2018
Learn to build scalable React applications using the tools and techniques available in the React ecosystem
Complete React Tutorial (& Redux ) (youtube.com)
Jul 29, 2018
In this course we'll be learning what React is and how to use it to make awesome, reactive SPA's. We'll also look at how we can use Redux to help with our app's state management.
  • Shaun Pelling
React Front To Back (udemy.com)
Jul 23, 2018
Learn & Master React With The Context API + Redux & Build a Real World Project With Firebase/Firestore.
Learn The MERN Stack (youtube.com)
Jun 27, 2018
In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions.
Learn While You Poop: State (youtube.com)
Jun 25, 2018
Learn all about state management in modern webapps
Advanced React and Redux (udemy.com)
May 30, 2018
Detailed walkthroughs on advanced React and Redux concepts - Authentication, Testing, Middlewares, HOC's, and Deployment.
  • Stephen Grider
Manage React Form State with redux-form (egghead.io)
May 08, 2018
In this course, we are going to use the redux-form package to create a form whose state is easy and enjoyable to manage
  • Rory Smith
Modern React with Redux (udemy.com)
Apr 30, 2018
Master the fundamentals of React v16.3.2 and Redux as you develop apps with React Router, Webpack, and ES6.
  • Stephen Grider
MERN Stack Front To Back: Full Stack React, Redux & Node.js (udemy.com)
Apr 15, 2018
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Learn how to put it all together.
Redux Fundamentals (pluralsight.com)
Jan 17, 2018
In this course, you'll learn how to quickly reap the benefits of Redux for any web app, wether you use React or not.
  • Jamis Charles
Redux & React For Everyone (leveluptutorials.com)
Dec 29, 2017
Learn Redux with React with 21 practical, easy to follow videos & code
Async React with Redux Saga (egghead.io)
Dec 19, 2017
In this course we are going to take an empty React and Redux application and add Redux Saga side effects.
  • Tyler Clark
Advanced State Management in React (feat. Redux and MobX) (frontendmasters.com)
Dec 04, 2017
This course will take you on a tour through the most popular state management approaches and libraries, and is designed for developers with a working knowledge of React who want a solid understanding of the various ways to manage state in large React applications.
The Complete React Native and Redux Course (udemy.com)
Nov 14, 2017
iOS and Android App Development from scratch - build full React Native mobile apps ridiculously fast!
  • Stephen Grider
Server Side Rendering with React and Redux (udemy.com)
Oct 10, 2017
Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques.
  • Stephen Grider
Up and Running with redux-observable (egghead.io)
Oct 06, 2017
Through small, focussed lessons we’ll learn how to setup a React project that uses Redux for state management and redux-observable for asynchronous actions.
  • Shane Osbourne
The Complete React Web Developer Course (with Redux) (udemy.com)
Sep 07, 2017
Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more
  • Andrew Mead
Redux Saga (pluralsight.com)
Aug 20, 2017
In this course, you'll learn about Redux Saga, ES6, testing, effects, and channels
Build A React App With Redux (egghead.io)
Aug 14, 2017
In this course you will learn how to build a production quality React application using Redux.
  • Andy Van Slaars
Advanced Redux (pluralsight.com)
Jun 01, 2017
This course will teach you advanced Redux techniques, including using sagas, using selectors, creating React components, and creating middleware.
Mastering Flux and Redux (pluralsight.com)
Feb 23, 2017
Redux is one of the most popular JavaScript libraries of all time, according to GitHub, and it's all based on Flux. This course will teach you all levels of Flux and Redux implementation.
Learning Redux (lynda.com)
Dec 23, 2016
Explore Redux, the JavaScript library for managing client data, and learn how to build a data layer for an interface made of React components.
  • Alex Banks
React Native (feat. Redux) (frontendmasters.com)
Oct 27, 2016
By coding along with Scott in this course, you’ll be able to take the same skills you use on the web and use them to build cross-platform, native applications in JavaScript.
  • Scott Moss
Learn Redux (learnredux.com)
Jun 10, 2016
A 20 video / 2.5 hour course to learn how to use Redux, React Router and React together.
Building React Applications with Idiomatic Redux (egghead.io)
Jun 02, 2016
Even if you have already spent time studying Redux, this course will show you better practices straight from the library's creator Dan Abramov.
Getting Started with Redux (egghead.io)
Nov 23, 2015
In this series, we will learn the basics of Redux, so that you can start using it to simplify your applications.

Podcast Episodes

Is Redux Dead? (spec.fm)
Aug 11, 2018
Is Redux dead? Twitter seems to think so, but listen in to hear us talk about why people use Redux, and whether we think they'll keep using redux in the future.
  • Una Kravets
  • Chris Dhanaraj
Best Practices with React and Redux with Samuel Mendenhall (devchat.tv)
May 08, 2018
In this episode of React Round Up, the panel discusses best practices with React and Redux with Samuel Mendenhall. They talk about what has led him to React, as well as some of the most common mistakes that people make in React. They also talk about the amazing power of TypeScript and when you may not want to use Redux.
RRU 004: Redux-Bundler with Henrik Joreteg (devchat.tv)
Mar 27, 2018
In this episode of React Round Up, the panel discusses redux-bundler with Henrik Joreteg. They talk about his redux-bundler on GitHub and the ability to make changes behind the scenes without having to bother the user. He gives a general background on why he created the bundler and how you can use it in your programming to make your life easier.
Dan Abramov, co-author of Redux (egghead.io)
Dec 22, 2017
Joel Hooks co-founder of egghead.io, interviews Dan Abramov, co-author of Redux. They discuss the "Redux phenomenon" and the notion of improving the developer experience.

Libraries

redux-form (redux-form.com)11216
v8.2.5
Jul 27, 2019
A Higher Order Component using react-redux to keep form state in a Redux store.
  • Erik Rasmussen
  • Florent Cailhol
  • Kenneth Skovhus
@redux-offline/redux-offline (github.com)5306
v2.5.2
Jul 20, 2019
Build Offline-First Apps for Web and React Native.
  • Andrew Cunningham
  • Jani Eväkallio
redux (redux.js.org)47488
v4.0.4
Jul 11, 2019
Predictable state container for JavaScript apps.
redux-saga (redux-saga.js.org)17075
v1.0.5
Jul 03, 2019
An alternative side effect model for Redux apps.
  • Yassine Elouafi
  • Mateusz Burzyński
  • Mikhail Shustov
react-redux (react-redux.js.org)15716
v7.1.0
Jun 11, 2019
Official React bindings for Redux
redux-observable (redux-observable.js.org)6273
v1.1.0
Mar 26, 2019
RxJS middleware for action side effects in Redux using "Epics".
  • Jay Phelps
  • Ben Lesh
  • Evert Bouw
redux-devtools (github.com)10618
v3.5.0
Dec 22, 2018
DevTools for Redux with hot reloading, action replay, and customizable UI.
reselect (github.com)14207
v4.0.0
Sep 30, 2018
Selector library for Redux.
  • Lee Bannard
redux-thunk (github.com)11651
v2.3.0
May 29, 2018
Thunk middleware for Redux.
redux-form-material-ui (github.com)771
v4.3.4
Apr 07, 2018
A set of wrapper components to facilitate using Material UI with Redux Form
  • Erik Rasmussen
redux-logger (github.com)4396
v3.0.6
May 17, 2017
Logger for Redux
  • Evgeny Rodionov