React App State Management with react hooks and context api

React App State Management with react hooks and context api

• 1.
  React State Management withReact Hooks and Context API Simple alternative for your React-Redux App Jan Ranostaj
• 2.
  ● Simple wayto setup React State management, so you can remember it without googling each time 😀 ● Forget about using “connect” “mapStateToProps” and other unnecessary boilerplate 🙏 ● Combining Context API with useReducer hook makes easy access to the data anywhere in the app 👊 ● Do not need to pass data using “props” 👌 ● Easy to test independently 😏 5 Reasons
• 3.
  Use with useStateHook
• 4.
  Global state configuration./state.js
• 5.
  Use in yourApp
• 6.
  Access and Updatestate in Components
• 7.
  Use with useReducerHook
• 8.
  Global state configuration./state.js
• 9.
  Setup simple Reducer
• 10.
  Use in App
• 11.
  Read from statein the app
• 12.
  Update State inthe app
• 13.
  Example with useReducerHook https://codesandbox.io/s/use-reducer-fd2no Example with useState Hook https://codesandbox.io/s/react-state-with-context-api-clem6 Time for code examples Thanks 😏 Jan Ranostaj