React Day08

What is a key feature of React 19 Server Components?

• They run only on the client-side

• They can fetch data on the server before rendering

• They use useState and useEffect for state management

• They require Redux for handling state

Which of the following is NOT a benefit of React Server Components?

• Reducing bundle size

• Allowing direct database queries

• Running expensive computations on the client

• Improving performance by reducing client-side rendering

In React 19, which hook is used to track optimistic UI updates?

• useFormStatus

• useOptimistic

• useState

• useActionState

What does useActionState do in React 19?

• It manages state changes caused by user interactions in a server action

• It replaces useState for all components

• It fetches data from an API

• It only works with class components

What is the correct syntax for defining a server component in React 19?

• "use server";

  export default function MyComponent() { ... }

• "use client"; export default function MyComponent() { ... }

• export function MyComponent { ... }

• import ReactServer from "react-server";

  export default function MyComponent() { ... }

What is the correct syntax for defining a server component in React 19?

• "use server";

  export default function MyComponent() { ... }

• "use client"; export default function MyComponent() { ... }

• export function MyComponent { ... }

• import ReactServer from "react-server";

  export default function MyComponent() { ... }

What does useFormStatus() return?

• The current state of a form submission

• The final form validation result

• The initial form data

• The function to reset the form

How does React 19 improve form handling using Actions?

• By allowing forms to directly call server functions

• By requiring Redux to manage form state

• By making all form submissions async

• By removing the need for event handlers

What is the primary purpose of useOptimistic?

• To manage optimistic UI updates before receiving a response

• To validate form inputs

• To handle authentication state

• To prevent re-renders in components

How do you define an action in React 19?

• Using useEffect

• With async function inside a component

• By defining an async function with "use server" directive

• Using Redux Thunks