A classic React TypeScript Todo App with alternative state management side by side.
For education and demonstrations to easily show alternative solutions for managing states, from component prop drilldown to global stores.
This is a demo with several state solutions in the same App, which means that structures are not optimal in all parts, duplicated code and deviations from common patterns exists.
- Basic: React State and Effect with classic component "Prop Drilling".
- Context: React Context and Reducer to pass data and actions through the components.
- Redux: Store, Actions and Reducers to pass data and actions through components.
- Redux Toolkit: Store and Slices to pass data and actions through - with immer
components.
- Pullstate: Ridiculously simple state stores with performant retrieval anywhere in your React tree using React hooks. data and actions through components.
- MobX State management: React Context as Store for MobX-state-Tree Models and Actions to pass data and actions through components.
The App is based on create-react-app
Runs the app in development mode.
Open http:https://localhost:3000 to view it in the browser.
Runs Jest Tests