React Hooks

Summary

JavaScript
React
- New Features
- Boilerplates
  - create-react-app
  - vite
- Folders
- Events
- Patterns
- Storybook
- Performance
- Security
- Testing
Client State Management
- useState
  - lazy initialisation
  - functional update
  - single onChange function
  - store id
- useReducer
  - update multiple states
- useContext and use[State]
- redux
  - redux toolkit
  - useSelector and useDispatch
Server State Management
- react query
  - useQuery and useMutation
Perform Side Effects
- useEffect
  - dependency guard
  - primitive based dependency
  - cleanup function
  - fetch and abort
- useLayoutEffect
  - animation
React Performance
- useMemo
- useCallback
More hooks
- useRef
  - no re-render
  - access DOM element
  - track state change
Reference
Questions