Stream React Conf on May 15-16.
Learn more.
React
Learn
Reference
Community
Blog

    react@18.2.0

  • Overview
  • Hooks
    • useActionState - This feature is available in the latest Canary
    • useCallback
    • useContext
    • useDebugValue
    • useDeferredValue
    • useEffect
    • useId
    • useImperativeHandle
    • useInsertionEffect
    • useLayoutEffect
    • useMemo
    • useOptimistic - This feature is available in the latest Canary
    • useReducer
    • useRef
    • useState
    • useSyncExternalStore
    • useTransition
  • Components
    • <Fragment> (<>)
    • <Profiler>
    • <StrictMode>
    • <Suspense>
  • APIs
    • cache - This feature is available in the latest Canary
    • createContext
    • forwardRef
    • lazy
    • memo
    • startTransition
    • use - This feature is available in the latest Canary
    • experimental_taintObjectReference - This feature is available in the latest Canary
    • experimental_taintUniqueValue - This feature is available in the latest Canary
  • react-dom@18.2.0

  • Hooks
    • useFormStatus - This feature is available in the latest Canary
  • Components
    • Common (e.g. <div>)
    • <form> - This feature is available in the latest Canary
    • <input>
    • <option>
    • <progress>
    • <select>
    • <textarea>
    • <link> - This feature is available in the latest Canary
    • <meta> - This feature is available in the latest Canary
    • <script> - This feature is available in the latest Canary
    • <style> - This feature is available in the latest Canary
    • <title> - This feature is available in the latest Canary
  • APIs
    • createPortal
    • flushSync
    • findDOMNode
    • hydrate
    • preconnect - This feature is available in the latest Canary
    • prefetchDNS - This feature is available in the latest Canary
    • preinit - This feature is available in the latest Canary
    • preinitModule - This feature is available in the latest Canary
    • preload - This feature is available in the latest Canary
    • preloadModule - This feature is available in the latest Canary
    • render
    • unmountComponentAtNode
  • Client APIs
    • createRoot
    • hydrateRoot
  • Server APIs
    • renderToNodeStream
    • renderToPipeableStream
    • renderToReadableStream
    • renderToStaticMarkup
    • renderToStaticNodeStream
    • renderToString
  • Rules of React

  • Overview
    • Components and Hooks must be pure
    • React calls Components and Hooks
    • Rules of Hooks
  • React Server Components

  • Server Components - This feature is available in the latest Canary
  • Server Actions - This feature is available in the latest Canary
  • Directives - This feature is available in the latest Canary
    • 'use client' - This feature is available in the latest Canary
    • 'use server' - This feature is available in the latest Canary
  • Legacy APIs

  • Legacy React APIs
    • Children
    • cloneElement
    • Component
    • createElement
    • createFactory
    • createRef
    • isValidElement
    • PureComponent

Is this page useful?

API Reference

Directives - This feature is available in the latest Canary

Canary

These directives are needed only if you’re using React Server Components or building a library compatible with them.

Directives provide instructions to bundlers compatible with React Server Components.


Source code directives

  • 'use client' lets you mark what code runs on the client.
  • 'use server' marks server-side functions that can be called from client-side code.
PreviousServer Actions
Next'use client'

How do you like these docs?

Take our survey!

©2024
Learn React
Quick Start
Installation
Describing the UI
Adding Interactivity
Managing State
Escape Hatches
API Reference
React APIs
React DOM APIs
Community
Code of Conduct
Meet the Team
Docs Contributors
Acknowledgements
More
Blog
React Native
Privacy
Terms

On this page

  • Overview
  • Source code directives