React

Frameworks/Buildpacks

• create react app
• next.js

Conventions

• organizing project

Hooks

• useEffect
• useMemo
  • web dev simplified tutorial
  • uses additional memory so dont use it when not necessary
  • 1. to lower the call for slow functions
  • 2. referencial integrity
• useCallback
  • web dev simplified tutorial
  • when to useMemo and useCallback
• useRef
• useState
• useContext
• useImperativeHandle
• useLayoutEffect

Design Pattern

• Model-View-Controller (MVC)

Testing

• Jest
• React Testing Library
• React Testing Library User Event
• Organizing Tests in Jest

Reference

• prop types

• hooks

• rules of hooks

• lifecycle methods diagram

• custom hooks