# React

## Docs

- [Code Splitting](https://mintlify.wiki/facebook/react/advanced/code-splitting.md): Split your bundle into smaller chunks and load components dynamically using React.lazy and dynamic imports.
- [Concurrent Features](https://mintlify.wiki/facebook/react/advanced/concurrent-features.md): Use React's concurrent features like transitions, deferred values, and concurrent rendering to build responsive UIs.
- [Context](https://mintlify.wiki/facebook/react/advanced/context.md): Share data deeply through the component tree without prop drilling using React Context API.
- [Error Boundaries](https://mintlify.wiki/facebook/react/advanced/error-boundaries.md): Catch JavaScript errors in component trees, log them, and display fallback UI using error boundaries.
- [Portals](https://mintlify.wiki/facebook/react/advanced/portals.md): Render children into a DOM node that exists outside the parent component's DOM hierarchy.
- [Refs and the DOM](https://mintlify.wiki/facebook/react/advanced/refs.md): Access and manipulate DOM nodes and React elements imperatively using refs and forwardRef.
- [Server Components](https://mintlify.wiki/facebook/react/advanced/server-components.md): Build components that render on the server using React Server Components for improved performance and reduced bundle size.
- [Suspense](https://mintlify.wiki/facebook/react/advanced/suspense.md): Declaratively specify loading states for asynchronous operations using React Suspense.
- [React.Children](https://mintlify.wiki/facebook/react/api/children.md): Utilities for working with the props.children opaque data structure
- [Component & PureComponent](https://mintlify.wiki/facebook/react/api/components.md): Base classes for creating React components with ES6 classes
- [createElement, cloneElement & isValidElement](https://mintlify.wiki/facebook/react/api/create-element.md): APIs for creating and manipulating React elements programmatically
- [Fragments](https://mintlify.wiki/facebook/react/api/fragments.md): Group multiple elements without adding extra DOM nodes
- [Hooks Overview](https://mintlify.wiki/facebook/react/api/hooks/overview.md): React Hooks are functions that let you use state and other React features in function components
- [use](https://mintlify.wiki/facebook/react/api/hooks/use.md): Read the value of a resource like a Promise or Context
- [useActionState](https://mintlify.wiki/facebook/react/api/hooks/use-action-state.md): Manage state for Server Actions
- [useCallback](https://mintlify.wiki/facebook/react/api/hooks/use-callback.md): Cache a function definition between re-renders
- [useContext](https://mintlify.wiki/facebook/react/api/hooks/use-context.md): Read and subscribe to a context value from your component
- [useDebugValue](https://mintlify.wiki/facebook/react/api/hooks/use-debug-value.md): Add a label to a custom Hook in React DevTools
- [useDeferredValue](https://mintlify.wiki/facebook/react/api/hooks/use-deferred-value.md): Defer updating a part of the UI
- [useEffect](https://mintlify.wiki/facebook/react/api/hooks/use-effect.md): Synchronize a component with an external system
- [useId](https://mintlify.wiki/facebook/react/api/hooks/use-id.md): Generate unique IDs for accessibility attributes
- [useImperativeHandle](https://mintlify.wiki/facebook/react/api/hooks/use-imperative-handle.md): Customize the handle exposed as a ref
- [useInsertionEffect](https://mintlify.wiki/facebook/react/api/hooks/use-insertion-effect.md): Insert styles into the DOM before any layout effects fire
- [useLayoutEffect](https://mintlify.wiki/facebook/react/api/hooks/use-layout-effect.md): Fire a synchronous effect before the browser paints the screen
- [useMemo](https://mintlify.wiki/facebook/react/api/hooks/use-memo.md): Cache the result of an expensive calculation between re-renders
- [useOptimistic](https://mintlify.wiki/facebook/react/api/hooks/use-optimistic.md): Show optimistic UI updates while async actions are pending
- [useReducer](https://mintlify.wiki/facebook/react/api/hooks/use-reducer.md): Manage state with a reducer function for complex state logic
- [useRef](https://mintlify.wiki/facebook/react/api/hooks/use-ref.md): Reference a value that's not needed for rendering
- [useState](https://mintlify.wiki/facebook/react/api/hooks/use-state.md): Declare a state variable that React will preserve between re-renders
- [useSyncExternalStore](https://mintlify.wiki/facebook/react/api/hooks/use-sync-external-store.md): Subscribe to an external store
- [useTransition](https://mintlify.wiki/facebook/react/api/hooks/use-transition.md): Mark state updates as non-urgent transitions
- [React Top-Level API](https://mintlify.wiki/facebook/react/api/react-api.md): Complete reference for all top-level APIs exported from the React package
- [createRoot](https://mintlify.wiki/facebook/react/api/react-dom/create-root.md): Create a React root for rendering components with concurrent features
- [findDOMNode](https://mintlify.wiki/facebook/react/api/react-dom/find-dom-node.md): Find the DOM node of a React component (deprecated)
- [flushSync](https://mintlify.wiki/facebook/react/api/react-dom/flush-sync.md): Force synchronous React updates for immediate DOM changes
- [hydrateRoot](https://mintlify.wiki/facebook/react/api/react-dom/hydrate-root.md): Hydrate server-rendered React content with client-side interactivity
- [ReactDOM Overview](https://mintlify.wiki/facebook/react/api/react-dom/overview.md): Complete guide to ReactDOM APIs for client and server rendering
- [renderToStaticMarkup](https://mintlify.wiki/facebook/react/api/react-dom/render-to-static-markup.md): Render React components to static HTML without React-specific attributes
- [renderToString](https://mintlify.wiki/facebook/react/api/react-dom/render-to-string.md): Legacy synchronous server rendering API for React components
- [Server Rendering Overview](https://mintlify.wiki/facebook/react/api/server/overview.md): Overview of React server rendering APIs, SSR, SSG, streaming, and server components
- [renderToPipeableStream](https://mintlify.wiki/facebook/react/api/server/render-to-pipe.md): Stream React components to HTML using Node.js streams with full Suspense support
- [renderToReadableStream](https://mintlify.wiki/facebook/react/api/server/render-to-readable-stream.md): Stream React components to HTML using Web Streams API for edge runtimes and modern environments
- [renderToStaticMarkup](https://mintlify.wiki/facebook/react/api/server/render-to-static-markup.md): Render React components to static HTML without React attributes for static site generation
- [renderToString](https://mintlify.wiki/facebook/react/api/server/render-to-string.md): Synchronously render React components to an HTML string with React attributes
- [React Server Components](https://mintlify.wiki/facebook/react/api/server/server-components.md): Build with React Server Components - async components that run only on the server with direct data access
- [StrictMode](https://mintlify.wiki/facebook/react/api/strict-mode.md): Enable additional development checks and warnings for component trees
- [Suspense](https://mintlify.wiki/facebook/react/api/suspense.md): Display fallback content while children are loading
- [Compiler Architecture](https://mintlify.wiki/facebook/react/compiler/architecture.md): Deep dive into React Compiler's pipeline, passes, and transformations
- [Babel Plugin](https://mintlify.wiki/facebook/react/compiler/babel-plugin.md): Configure and integrate React Compiler Babel plugin in your build pipeline
- [Configuration](https://mintlify.wiki/facebook/react/compiler/configuration.md): Configure React Compiler options and feature flags
- [Contributing](https://mintlify.wiki/facebook/react/compiler/contributing.md): How to contribute to React Compiler development
- [ESLint Plugin](https://mintlify.wiki/facebook/react/compiler/eslint-plugin.md): Configure ESLint to validate Rules of React with React Compiler
- [HIR (High-level Intermediate Representation)](https://mintlify.wiki/facebook/react/compiler/hir.md): Understanding React Compiler's internal representation
- [How React Compiler Works](https://mintlify.wiki/facebook/react/compiler/how-it-works.md): Understanding the architecture and optimization process of React Compiler
- [Installation](https://mintlify.wiki/facebook/react/compiler/installation.md): Install and set up React Compiler in your project
- [Introduction to React Compiler](https://mintlify.wiki/facebook/react/compiler/introduction.md): Learn how React Compiler automatically optimizes your React applications for better performance
- [Optimization Passes](https://mintlify.wiki/facebook/react/compiler/optimization-passes.md): Detailed guide to React Compiler's optimization passes
- [Components](https://mintlify.wiki/facebook/react/concepts/components.md): Understanding React components, the building blocks of React applications
- [Hooks Overview](https://mintlify.wiki/facebook/react/concepts/hooks-overview.md): A comprehensive guide to React Hooks and the rules for using them
- [JSX](https://mintlify.wiki/facebook/react/concepts/jsx.md): Understanding JSX syntax and how it transforms to React elements
- [Component Lifecycle](https://mintlify.wiki/facebook/react/concepts/lifecycle.md): Understanding component lifecycle phases and how to respond to them
- [Props and State](https://mintlify.wiki/facebook/react/concepts/props-and-state.md): Understanding how to pass data with props and manage component state
- [Rendering](https://mintlify.wiki/facebook/react/concepts/rendering.md): Understanding how React renders components and updates the DOM
- [Adding Interactivity](https://mintlify.wiki/facebook/react/guides/adding-interactivity.md): Learn how to handle user interactions with event handlers in React
- [Conditional Rendering](https://mintlify.wiki/facebook/react/guides/conditional-rendering.md): Learn how to conditionally display different UI elements in React based on state and props
- [Describing the UI](https://mintlify.wiki/facebook/react/guides/describing-ui.md): Learn how to create and organize React components to build user interfaces
- [Forms](https://mintlify.wiki/facebook/react/guides/forms.md): Learn how to handle form inputs, submissions, and validation in React using controlled components
- [Lists and Keys](https://mintlify.wiki/facebook/react/guides/lists-and-keys.md): Learn how to render lists of data in React and why keys are essential for performance and correctness
- [Managing State](https://mintlify.wiki/facebook/react/guides/managing-state.md): Learn how to add and update state in React components to make them interactive and dynamic
- [Installation](https://mintlify.wiki/facebook/react/installation.md): Complete guide to installing React and setting up your development environment
- [Introduction to React](https://mintlify.wiki/facebook/react/introduction.md): Learn about React, a JavaScript library for building user interfaces with a component-based architecture
- [Memoization](https://mintlify.wiki/facebook/react/performance/memoization.md): Using React.memo, useMemo, and useCallback to optimize component performance
- [Performance Optimization](https://mintlify.wiki/facebook/react/performance/optimization.md): Strategies and techniques for optimizing React application performance
- [React Profiler Component](https://mintlify.wiki/facebook/react/performance/profiler.md): Measure rendering performance of React components programmatically
- [Quickstart](https://mintlify.wiki/facebook/react/quickstart.md): Build your first React application in 5 minutes with this hands-on tutorial