Skip to content
A whirlwind tour of React state management systems by example
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Add constate/react (#70) Jun 14, 2018
React Added redux-lightweight example (#114) Dec 23, 2018
ReactNative upgrade React Native to 58.4: ReactEasyState (#138) Apr 14, 2019
_art
test ⚡️Fast tests vs ⚠️Exhaustive Tests (#72) Jun 17, 2018
.all-contributorsrc
.gitignore
.travis.yml 👏 adding Travis CI config (#74) Jun 17, 2018
LICENSE Create LICENSE (#47) May 17, 2018
README.md
package-lock.json
package.json
yarn.lock

README.md


One Packing List App Written in:

Technology React React Native
setState
React 16.x Context
Redux
MobX
unstated
MobX-State-Tree
GraphQL Apollo + Amazon AppSync
apollo-link-state
setState + react-automata
Freactal
ReduxX
pure-store
ReactObservableStore
react-easy-state
rematch
unistore
Microstates
react-recontext
remx Coming Soon - Contribute Here?
simple-remx
constate Coming Soon - Contribute Here?
controllerim Coming Soon - Contribute Here?
immer
parket Coming Soon - Contribute Here?
react-contextual Coming Soon - Contribute Here?
react-copy-write Coming Soon - Contribute Here?
react-simplified
reim Coming Soon - Contribute Here?
React 16.x Context + Redux Coming Soon - Contribute Here?
ReComponent Coming Soon - Contribute Here?
undux Coming Soon - Contribute Here?
React 16.7.0-alpha useState Hook Coming Soon - Contribute Here?
redux-lightweight Coming Soon - Contribute Here?

Examples to help portray the how, why, which, pros, and cons of various state management systems in the React ecosystem.

Every app is meant to be small, simple, and the same as each other. The only difference should be the state management decisions of each. The repeated React and ReactNative app is a Packing List, with the name based on the state technology.

Web Native
example gif of app example gif of app

What are the differences?

Ye honest truth here

This repo exists so you can look at the code for yourself, OR check this blog post on my findings if you'd like:

To Run Web

  • Click the codesandbox link in the list above
  • OR Clone this repo, then cd into each folder and follow the directions in readme

To Run Native

  • Clone this repo, then cd into each folder and follow the directions in readme

Contributors

Special thanks to all the wonderful people who contributed in some way to the React State Museum


Michael Stecky-Efantis

💻 💡 ⚠️

Arthur Gunn

💻 💡

Jason Lengstorf

📖

Marco Afonso

💻 💡

Robert DeLuca

💻 💡

stereobooster

📖

Juan David Castro

💻 📖 💡

Iurii Kyrylenko

💻

Charles Lowell

💻

Jakub Wadas

💻 📖

Anton Rusinov

💻 💡

Miklos Bertalan

💻

Gant Laborde

💻 📖 💡 📝 ⚠️

Tyler Reitz

💻 📖

Daniel Zlotin

💻 💡 ⚠️

Nuno Jesus

🎨

Alek Merani

💻 📖

Ole Christian Eidheim

💻 📖

Haz

💻

Stephen Mathieson

📖

Christoph Benjamin Weber

🐛 💻

Aaron Yoshitake

💻

IniZio

💻

Ryan Linton

💻

Joe Duran

💻

Minh Tran

💻

Tudor Pavel

⚠️

Lubos Belak

📖

Ryan

💻

Niko Salminen

💻

J.C. Hiatt

💡

doniyor2109

💻

marcelkalveram

💻 🤔

This project follows the all-contributors specification. Contributions of any kind welcome!

You can’t perform that action at this time.