ReactJS notes Link to heading

  • core
    • jsx
      • syntax
    • components
      • functional, classes, component composition
    • props: passing props, types
    • stage management: useState, setState
    • events
    • conditional rendering
    • list & keys
    • forms
    • component lifecycle
  • advanced
    • context api: createcontext, provider, consumer
    • refs: createRef useRef
    • error boundaries
    • higher-order components
    • render props
    • portals
    • fragments
    • code splitting
    • performance optimization
    • reconciliation algo
  • hooks
    • state, effect, hooks, context, ref, optimization
    • hooks lifecycles
  • state management
    • local state
    • lifting state up
    • global state context api
    • redux, zustand libs
  • routing
    • react-router-dom, dynamic routes, navigation
  • styling
    • css-in-js, css modules, tailwind
  • testing
    • jest, RTL, testing hooks
  • server-side rendering
  • typescript + reactjs