Built in Components

Fragment

  • lets you group elements without a wrapper node
  • Advantages:
    • keeps the DOM cleaner
    • helps avoid potential CSS and layout issues that might arise from unnecessary wrapper elements
    • Maintains the semantic integrity of the HTML structure by avoiding unnecessary wrapper elements.
  • Short Syntax: <></>

StrictMode

  • introduced in v16.3+
  • It performs additional checks on the application:
    • Identifying components with unsafe lifecycle methods
    • warning about using any legacy API/functions

Profiler

  • lets you measure rendering performance of a React tree programmatically

Suspense

  • lets you display a fallback while the child components are loading