State management

Basic

Details

1. What is state management?
2. What are the most popular state management options for React apps?
   1. Redux
   2. MobX
   3. Context/hooks
3. Redux or MobX basics (core principles and usage)

Links

1. https://www.loginradius.com/blog/engineering/react-state-management/
2. https://redux.js.org/tutorials/fundamentals/part-1-overview
3. https://mobx.js.org/getting-started

Intermediate

Details

1. One of the popular state management libraries in-depth:
   1. Redux
      1. redux-thunk or redux-saga, working with async workflow
      2. Redux Toolkit
      3. redux middlewares
      4. redux selectors
   2. Mobx
      1. reactivity
      2. observable
      3. computed
      4. autorun
      5. mobx-react-lite
2. Managing state with React Context & Hooks

Links

1. https://redux.js.org/tutorials/fundamentals/part-1-overview
2. https://redux.js.org/usage/structuring-reducers/splitting-reducer-logic
3. https://mobx.js.org/getting-started
4. https://mobx.js.org/understanding-reactivity.html
5. https://dev.to/ms_yogii/usecontext-for-better-state-management-51hi
6. https://www.freecodecamp.org/news/state-management-with-react-hooks/
7. https://betterprogramming.pub/easy-state-management-with-react-hooks-and-the-context-api-5db04e1f0ba5

Advanced

Details

1. In depth knowledge of at least one state management library familiarity with a few alternatives
2. Redux
   1. Best practices
   2. Designing state, state normalization
   3. Splitting up state and reducers, slices
   4. Code splitting
3. MobX
   1. Best practices
   2. Composing stores
   3. Domain stores
   4. Understanding reactivity

Links

1. https://redux.js.org/style-guide/
2. https://redux.js.org/usage/structuring-reducers/structuring-reducers
3. https://redux.js.org/usage/structuring-reducers/normalizing-state-shape
4. https://redux.js.org/usage/code-splitting
5. https://iconof.com/best-practices-for-mobx-with-react/
6. https://mobx.js.org/defining-data-stores.html
7. https://mobx.js.org/understanding-reactivity.html