apps-and-examples.md

Applications and Examples

Note: This is not a comprehensive list of all projects using Redux, just a selection of reasonably-sized projects that looked interesting.

Purpose-Built Demos and Examples

• React-Redux RealWorld Example: TodoMVC for the Real World
  https://github.com/gothinkster/react-redux-realworld-example-app
  An example full-stack "real world" application built with Redux. Demos a Medium-like social blogging site that includes JWT authentication, CRUD, favoriting articles, following users, routing, and more. The RealWorld project also includes many other implementations of the front and back ends of the site, specifically intended to show how different server and client implementations of the same project and API spec compare with each other.

• Project Mini-Mek
  https://github.com/markerikson/project-minimek
  A sample app to demonstrate various useful Redux techniques, accompanying the "Practical Redux" blog series at http://blog.isquaredsoftware.com/series/practical-redux

• Redux Saga Persistence Example
  https://github.com/jportela/redux-saga-persistence
  This example shows how a persistence mechanism can be implemented by using Redux Sagas.

• Saga Login Flow
  https://github.com/sotojuan/saga-login-flow
  This application demonstrates what a React-based register/login workflow might look like with Redux Saga. It's based on Max Stoiber's login-flow, but uses Redux Saga instead of Redux Thunk to handle asynchronous actions.

• Redux Saga Examples
  https://github.com/kuy/redux-saga-examples
  A set of examples demonstrating usage of redux-saga (autocomplete, throttle, start-stop, backend integration)

• Lifegame Redux
  https://github.com/kuy/lifegame-redux
  Conway's lifegame using Redux + various middlewares. (redux-saga, redux-logic, redux-observable, redux-loop, ...)

• Scalable Frontend with Elm or Redux
  https://github.com/slorber/scalable-frontend-with-elm-or-redux
  Various user-submitted implementations of the "RandomGif" example app used to demonstrate the Elm Architecture and composable behavior, with comparisons between the different implementations.

• Redux Counter Example
  https://ahmednuaman.github.io/redux-counter/
  Examples of the same Redux app with front ends in Angular 1 / 2, React, Vue, and vanilla JS

• Redux ORM Draft View Example
  https://github.com/cjke/react-example-1-redux-orm
  An example of using redux-orm with form state. The ability to edit and update model instances, that upon hitting cancel, doesn't update the core model instance. The flipside being, when hitting saved, the core model instance is updated.

• Tradux
  https://github.com/miloszpp/tradux
  A sample real-time trading application built with Redux and Angular 2.

• Angular to React-Redux
  https://github.com/GoTeamEpsilon/angular-to-react-redux
  An educational resource for Angular v1 experts that are looking to learn React/Redux. A contrived sample application for managing basic patient information is provided using both technologies' best practices.

• RealWorld: React/Redux Modular
  https://github.com/j-hannes/realworld-react-redux-modular
  Another React/Redux implementation of the RealWorld example, demonstrating a modular/feature-based structure

• ReForum
  https://github.com/shoumma/ReForum
  A forum application. Built with React, Redux, Express and MongoDB

• react-redux-complete-example
  https://github.com/FortechRomania/react-redux-complete-example
  An example project based on the "re-ducks" folder structure proposal

• react-redux-yelp-clone
  https://github.com/mohamed-ismat/react-redux-yelp-clone
  An adaptation of the "Yelp Clone" app by FullStackReact. It extends the original by using Redux and Redux Saga instead of local state, as well as React Router v4, styled-components, and other modern standards. Based on the React-Boilerplate starter kit.

• hacker-news-resolve
  https://github.com/reimagined/resolve/tree/master/examples/hacker-news
  A Hacker News clone, built using the Resolve library that abstracts over React and Redux

Applications

• MapStore2
  https://github.com/geosolutions-it/MapStore2
  Modern webmapping with OL3, Leaflet, React, and Redux.

• census-search
  https://github.com/ZachLiuGIS/census-search
  A geospatial census data search application built with ReactJS + Redux + Census CitySDK + OpenLayers3

• WordPress-Calypso
  https://github.com/Automattic/wp-calypso
  The new JavaScript- and API-powered WordPress.com

• Gutenberg
  https://github.com/WordPress/gutenberg
  A new "block editor"-based approach to creating Wordpress content.

• Panther
  https://github.com/joshwcomeau/panther
  Panther is a full-stack React/Redux/Node web app that uses the Spotify API to make suggestions based on an initial user-specified artist.

• Relax
  https://github.com/relax/relax
  New generation CMS on top of React, Redux and GraphQL. It features a live page builder based on components and a smart and easy way of binding dynamic data to them.

• Storyboard
  https://github.com/guigrpa/storyboard
  End-to-end, hierarchical, real-time, colorful logs and stories. A library, plus a Chrome DevTools extension.

• Firefox DevTools - Memory Tool and Debugger
  https://dxr.mozilla.org/mozilla-central/source/devtools/client/memory
  https://dxr.mozilla.org/mozilla-central/source/devtools/client/debugger
  Parts of the current Firefox DevTools debugger were rewritten using React and Redux

• Firefox DevTools - Network Monitor
  https://github.com/mozilla/gecko-dev/tree/master/devtools/client/netmonitor
  The new Firefox DevTools network monitor tab, also rewritten using React and Redux

• Debugger.html
  https://github.com/jlongster/debugger.html
  A prototype Firefox debugger, written without any XUL and based on React and Redux.

• Project Tofino
  https://github.com/mozilla/tofino
  An experimental browser prototype, investigating new ideas and interactions.

• Guild Wars 2 Armory
  https://github.com/madou/armory-react
  Allows GW2 players to share account, character, and guild information.

• Shifted Maps
  https://github.com/FH-Potsdam/shifted-maps
  Shifted Maps visualizes personal movement data as a network of map extracts showing visited places.

• Audio Insights
  https://github.com/jch254/audio-insights
  Audio insights derived from your Spotify library using React and Redux

• Theremin
  https://github.com/lukephills/Theremin
  Browser based Theremin emulator using web audio, React, Redux, and Typescript

• Jenkins BlueOcean Plugin
  https://github.com/jenkinsci/blueocean-plugin
  A new user experience and UI for Jenkins. The "Dashboard" and "Web" pieces are built on React and Redux.

• Neos CMS UI rewrite
  https://github.com/PackageFactory/PackageFactory.Guevara
  New user interface for Neos CMS built with React and Redux. This is an ongoing project, and it is open to new contributors.

• CarteJaune
  https://github.com/nikgraf/CarteJaune
  A React Native/Redux (+Saga) application to keep track of your vaccinations

• HyperTerm
  https://github.com/zeit/hyperterm
  A beautiful and extensible experience for command-line interface users, built on open web standards.

• Phoenix Trello
  https://github.com/bigardone/phoenix-trello
  Trello tribute done in Elixir, Phoenix Framework, React and Redux.

• io-808
  https://github.com/vincentriemer/io-808
  An attempt at a fully recreated web-based TR-808 drum machine

• portfolio
  https://github.com/tsurupin/portfolio
  A blog and Portfolio CMS built with Rails, React, Redux, Material-UI, CSS Modules

• Linode Manager
  https://github.com/Linode/manager
  Linode's new account management application

• Boostnote
  https://github.com/BoostIO/Boostnote
  A cross-platform Electron-based app for Markdown note management

• Popcode
  https://github.com/popcodeorg/popcode
  Popcode is a simple HTML/CSS/JavaScript editing environment for use in the classroom. It's a lot like JSBin, JSFiddle, or Codepen, but it focuses on giving specific, immediate, human-friendly feedback when the code contains errors.

• key-and-pad
  https://github.com/joshwcomeau/key-and-pad
  A Web Audio experiment, featuring a keyboard-controlled synthesizer and a mouse-controlled X/Y pad (eg. kaoss pad). Built with React and Redux.

• Functional Asteroids
  https://github.com/philpee2/Functional-Asteroids
  An Asteroids clone built with functional programming, React, and Redux

• Rubix
  https://github.com/Zacqary/rubix
  A Rubik's Cube built with CSS Animations, React, and Redux

• Monitaure
  https://github.com/Bertrand31/Monitaure
  Monitaure is an online service aiming to provide SysAdmins with a clean, lightweight and quick to configure monitoring dashboard.

• Winds
  https://github.com/getstream/winds
  Winds is an open source & beautiful RSS reader built using React/Redux/Sails/Node 7 and Stream.

• Pegs
  https://github.com/roonyh/pegs
  Peg Solitaire for the browser

• Windrift
  https://github.com/lizadaly/windrift
  A JS framework for writing mutable stories. Windrift was used to write Stone Harbor, an entry in the 2016 Interactive Fiction Competition.

• Agora
  https://github.com/ryo33/Agora
  A platform for online communities. Built with React/Redux/Elixir. Real world usage of redux-saga, redux-logic, react-router, react-router-redux, redux-act, and redux-persist.

• Ory Editor
  https://github.com/ory-am/editor
  A digital content editor with a plugin architecture, built with React and Redux.

• SoundMoose
  https://github.com/SoundMoose/SoundMoose
  SoundMoose is a non-commercial music platform where you can listen to and discover new music. Create an account to access saved playlists, add tracks to your favorites, and play a "Guess the song" game with your friends! Code is based on TypeScript, Angular 2, ngrx/store, Ruby, and Django.

• Sound-Redux
  https://github.com/andrewngu/sound-redux
  A Soundcloud client built with React / Redux

• madClones
  https://github.com/Madmous/madClones
  A mono repo that contains the latest and the hottest frameworks with a strong focus on clean code, testing, software architecture/design and devops. The Trello clone client is written using React + Redux.

• Gitter Mobile
  https://github.com/JSSolutions/GitterMobile
  An unofficial Gitter.im client for iOS and Android, built with React Native and Redux

• Vataxia
  https://github.com/buckyroberts/Vataxia-Frontend
  Vataxia is an open source Reddit-like social network written in React and Redux.

• Asteredux
  https://github.com/funkjunky/reduxgame
  An Asteroids game with friction and terminal velocity. Built with Redux and a canvas.

• Builify
  https://github.com/builify/builify
  A visual, block-based, static website creator

• Winamp2-js
  https://jordaneldredge.com/projects/winamp2-js/
  https://github.com/captbaritone/winamp2-js
  An in-browser recreation of Winamp2, built with React and Redux. Actually plays MP3s, and lets you load in local MP3 files.

• pandemic
  https://github.com/alexzherdev/pandemic
  A Redux-based implementation of the board game Pandemic.

• Lepton
  https://github.com/hackjutsu/Lepton
  A lean Electron-based snippet manager for Github gists.

• Tello
  https://github.com/joshwcomeau/Tello
  A simple and delightful way to track and manage TV shows

• tycho2
  https://github.com/jshor/tycho2
  A real-time, WebGL-based, 3D visualization of our Solar System. Built with React, Redux, THREE.js, and the react-three-renderer.

• DM Tools
  https://github.com/fersot100/DM_Tools
  A cross-platform electron application that runs as a window locally on your machine and helps you the Dungeon Master, manage your role playing sessions by removing a lot of the encumberments that come with pen traditional pen and paper approaches.

• Joplin
  https://github.com/laurent22/joplin
  A note taking and to-do application with synchronization capabilities for Windows, macOS, Linux, Android and iOS.

• boardgame.io
  https://github.com/google/boardgame.io
  A toolkit for building server-synchronized turn-based multiplayer games

• axis-and-allies
  https://github.com/bgates/axis-and-allies
  A React+Redux implementation of the Axis and Allies board game

• Mattermost
  https://github.com/mattermost/mattermost-webapp
  An open source, self-hosted Slack alternative

• LWJGL 3 website
  https://github.com/LWJGL/lwjgl3-www
  The home page for Lightweight Java Game Library 3

• Soundize
  https://github.com/Alexloof/Soundize
  A homemade server side rendering client made with React and Redux, powered by the Spotify API

• nteract
  https://github.com/nteract/nteract
  A desktop application for running Jupyter notebooks

• oni
  https://github.com/onivim/oni
  Oni is a new kind of editor, focused on maximizing productivity - combining modal editing with features you expect in modern editors. Oni is built with neovim, and inspired by VSCode, Atom, LightTable, and Emacs

• posthumus
  https://github.com/praghus/posthumus
  A 2D side-scroller zombie shooting game, built with React, Redux, and a lot of canvas rendering logic

• react-lumines
  https://github.com/geniusgordon/react-lumines
  A classic block-dropping game rewritten in React and Redux

• tweet-tray
  https://github.com/jonathontoon/tweet-tray
  A small application which allows you to tweet from your desktop system tray or status bar, without any further distractions. The core technology used consists of Electron, React + Redux and Styled Components.

• pixelpusher
  https://github.com/automerge/pixelpusher
  https://medium.com/@pvh/pixelpusher-real-time-peer-to-peer-collaboration-with-react-7c7bc8ecbf74
  A real-time, peer-to-peer pixel-based drawing application

• Deer
  https://github.com/abahmed/Deer
  Deer is a modern, fast, beautiful note taking app. Write down your thoughts and ideas quickly and easily on Linux, Mac and Windows.

Other Application Lists

• "Ask HN: Open source projects written in React?"
  https://news.ycombinator.com/item?id=12802121
  An HN thread listing open-source React projects, several of which are written using Redux as well.

• React Apps and Libraries List
  https://gist.github.com/sAbakumoff/7b8510adcb16bded189d747e34f5e114
  https://medium.com/@sAbakumoff/react-entourage-6d51e7df9944
  A giant list of apps that depend on React, generated using Google BigQuery searches of Github data. A number of them use Redux.

• Real World React Apps
  https://github.com/jeromedalbert/real-world-react
  A repo that rounds up a variety of real-world React apps as git submodules, so you can learn from the codebases:

Redux Usage Stories

• Lystable: Real World Redux
  https://speakerdeck.com/chrisui/real-world-redux
  Explores the real world experiences of using Redux everyday within a rapidly scaling team and product.

• KarmaCRM: Launching an Enterprise React & Redux App – Part 1
  http://jpnarowski.com/enterprise-react-redux-part-1/
  A combination tutorial and lessons learned series.

• WaveHQ
  https://twitter.com/NickPresta/status/684058236828266496
  "We use Redux on our core project.... for scale, we have ~500 action types, ~400 reducer cases, ~150 components, 5 middlewares, ~200 actions, ~2300 tests"

• Neos CMS Goes for a Full UI Rewrite with React and Redux
  http://dimaip.github.io/2016/03/13/neos-react-redux-rewrite/
  Gives an overview of the Neos CMS codebase, and the reasoning for a code rewrite.

• Reddit frontend engineering team AMA
  https://www.reddit.com/r/webdev/comments/5c2vie/were_reddits_frontend_engineering_team_ask_us/
  https://www.reddit.com/r/webdev/comments/5c2vie/were_reddits_frontend_engineering_team_ask_us/d9tbjtt/
  Very informative Q&A with Reddit's frontend developers, with some very-indepth answers regarding their usage of React and Redux.

• Redux for Realtime Gaming
  https://www.youtube.com/watch?v=zo39p-30arg
  A presentation discussing how Redux was used to help build a competitive biking application