Movatterモバイル変換

GantMan/ReactStateMuseumPublic

NotificationsYou must be signed in to change notification settings
Fork79
Star1.5k

A whirlwind tour of React state management systems by example

License

MIT license

1.5k stars 79 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 227 Commits
.vscode		.vscode
React		React
ReactNative		ReactNative
_art		_art
test		test
.all-contributorsrc		.all-contributorsrc
.gitignore		.gitignore
.travis.yml		.travis.yml
LICENSE		LICENSE
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
yarn.lock		yarn.lock

Repository files navigation

One Packing List App Written in:

Technology	React	React Native
setState
React 16.x Context
React 16.x useContext
Redux
MobX
unstated
MobX-State-Tree
GraphQL Apollo +Amazon AppSync
apollo-link-state
setState +react-automata
Freactal
pure-store
ReactObservableStore
react-easy-state
rematch
unistore
Microstates
react-recontext
remx		Coming Soon - Contribute Here?
simple-remx
constate
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
redux-lightweight		Coming Soon - Contribute Here?
overmind		Coming Soon - Contribute Here?
Venti		Coming Soon - Contribute Here?
Recoil		Coming Soon - Contribute Here?
Effector		Coming Soon - Contribute Here?
zustand		Coming Soon - Contribute Here?
Jōtai		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

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:

Blog Post:https://hackernoon.com/the-react-state-museum-a278c726315
Video:https://vimeo.com/298276409

To Run Web

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

To Run Native

Clone this repo, thencd 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

_{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} 💻🤔	_{Alex Lewis} 📖	_{Steven Langbroek} 🐛	_Kevin 💻📖
_{Lubos Belak} 🐛	_{Will Schmid} 💻📖	_{Solomon Ayoola} 💻📖	_{Dominik Ferber} 📖	_{Will Caulfield} 💻	_Gleb 💻📖	_{Pawel Sas} 💻
_{Lubos Belak} 🐛	_{Imre Osswald} 💻	_{Frontend Dev} 💻📖💡