Surveys / State of React 2023
This survey closed on November 15, 2023. View Survey Results »

3/11New Features

  1. React cache
  2. React Server Components
  3. Server Actions
  4. startTransition
  5. <Suspense>
  6. Taint API
  7. use()
  8. useFormState
  9. useFormStatus
  10. useTransition
  11. New APIs Pain Points

cache lets you cache the result of a data fetch or computation.
Tell us more:
Tell us more:
Tell us more:

Components that run exclusively on the server.
Tell us more:
Tell us more:
Tell us more:

React's built-in solution for server mutations.
js 
export default function ServerComponent() {
  async function myAction() {
    'use server'
    // ...
  }
}
Tell us more:
Tell us more:
Tell us more:

startTransition lets you update the state without blocking the UI.
jsx 
startTransition(scope)
Tell us more:
Tell us more:
Tell us more:

<Suspense> lets you display a fallback until its children have finished loading.
jsx 
<Suspense fallback={<Loading />}>
  <SomeComponent />
</Suspense>
Tell us more:
Tell us more:
Tell us more:

Prevent a specific object or value from being passed to a Client Component.
js 
taintObjectReference(message, object);
taintUniqueValue(errMessage, lifetime, value)
Tell us more:
Tell us more:
Tell us more:

use is a React API that lets you read the value of a resource like a Promise or context.
js 
const value = use(resource);
Tell us more:
Tell us more:
Tell us more:

useFormState is a Hook that allows you to update state based on the result of a form action.
js 
const [state, formAction] = useFormState(fn, initialState);
Tell us more:
Tell us more:
Tell us more:

useFormStatus is a Hook that gives you status information of the last form submission.
js 
const { pending, data, method, action } = useFormStatus();
Tell us more:
Tell us more:
Tell us more:

useTransition is a React Hook that lets you update the state without blocking the UI.
jsx 
const [isPending, startTransition] = useTransition()
Tell us more:
Tell us more:
Tell us more: