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