[email protected]

• Overview
• Hooks
  • use
  • useCallback
  • useContext
  • useDebugValue
  • useDeferredValue
  • useEffect
  • useId
  • useImperativeHandle
  • useInsertionEffect
  • useLayoutEffect
  • useMemo
  • useOptimistic
  • useReducer
  • useRef
  • useState
  • useSyncExternalStore
  • useTransition
• Components
  • <Fragment> (<>)
  • <Profiler>
  • <StrictMode>
  • <Suspense>
• APIs
  • cache
  • createContext
  • forwardRef
  • lazy
  • memo
  • startTransition
  • experimental_taintObjectReference
  • experimental_taintUniqueValue
• Directives
  • 'use client'
  • 'use server'

[email protected]

• Hooks
  • useFormState
  • useFormStatus
• Components
  • Common (e.g. <div>)
  • <form>
  • <input>
  • <option>
  • <progress>
  • <select>
  • <textarea>
• APIs
  • createPortal
  • flushSync
  • findDOMNode
  • hydrate
  • render
  • unmountComponentAtNode
• Client APIs
  • createRoot
  • hydrateRoot
• Server APIs
  • renderToNodeStream
  • renderToPipeableStream
  • renderToReadableStream
  • renderToStaticMarkup
  • renderToStaticNodeStream
  • renderToString

Legacy APIs

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

Вбудовані React-компоненти

React надає декілька вбудованих компонентів, які ви можете використовувати у своєму JSX.

---

Вбудовані компоненти

• <Fragment>, альтернативно записується як <>...</>, дозволяє групувати декілька JSX-вузлів разом.
• <Profiler> дозволяє програмно виміряти продуктивність рендерингу дерева React.
• <Suspense> дозволяє відображати запасний варіант під час завантаження дочірніх компонентів.
• <StrictMode> вмикає додаткові перевірки лише для розробки, які допомагають знаходити вади на ранніх стадіях.

---

Ваші власні компоненти

Ви також можете визначити власні компоненти як функції JavaScript.