xgrommx/awesome-redux

★ 12,275Audience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((awesome-redux))
    Official Resources
      Redux docs
      Translations
    Learning
      Video talks
      Slide decks
      Tutorials
    Framework Integrations
      React
      React Native
      Angular and Vue
      Electron and Ember
    Tooling
      Chrome extensions
      Helper libraries

mindmap root((awesome-redux)) Official Resources Redux docs Translations Learning Video talks Slide decks Tutorials Framework Integrations React React Native Angular and Vue Electron and Ember Tooling Chrome extensions Helper libraries

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Find starter project examples and framework integrations when beginning a Redux project with React, Angular, or Vue

USE CASE 2

Discover middleware and helper libraries that extend Redux for async calls, routing, or persistence

USE CASE 3

Browse conference talks and slide decks to understand how Redux works before building your app

Tech stack

JavaScriptReduxReact

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

Redux is a JavaScript library for managing application state. This repository is a curated "awesome list": a collection of links, examples, tutorials, and third-party packages related to Redux. It is not a piece of software itself, it is a reference document that developers use to discover resources when learning or working with Redux. The top of the list links to the official Redux repository and its documentation, including translations of those docs into Chinese (simplified and traditional), Russian, Portuguese, Spanish, Korean, Sinhala, and Japanese. The bulk of the list is organized by category. Presentations includes slide decks and video talks explaining Redux concepts, from beginner introductions to deep explorations of how Redux works internally. Resources covers tools, tutorials, and helper libraries. The list then groups example projects and integrations by the front-end framework they pair with: React, React Native (for mobile apps), Angular, Vue, Polymer, Ember, Electron (for desktop apps), A-Frame (for virtual reality), and several others. There is also a section for Chrome extensions that interact with Redux, and one for Ruby on Rails projects using Redux on the client side. For someone new to Redux: it helps web applications track changes in data, such as a user logging in, adding items to a cart, or loading search results, in a predictable and organized way. Developers typically use this repository as a starting point when choosing tools or finding patterns for Redux-based projects. The full list is quite long and covers many hundreds of external links across the categories mentioned above. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1

Based on the awesome-redux list, which Redux middleware should I use for handling async API calls in a React app and how do I set it up?

Prompt 2

I'm building a React Native app with Redux, which example projects from the awesome-redux collection should I look at first?

Prompt 3

Which Chrome devtools extensions from the awesome-redux list let me inspect and time-travel through Redux state changes?

Prompt 4

What are the best beginner tutorials in the awesome-redux collection for someone who has never used Redux before?

Open on GitHub → Explain another repo

← xgrommx on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.