day09

What is the main purpose of the useId hook in React?

• Generate unique IDs for accessibility

• Manage state in functional components

• Handle API requests

• Optimize component re-renders

When does React typically reset useId?

• On every render

• On component mount only

• Only if dependencies change

• Never

Which is the correct way to use useId in TypeScript?

const id = useId();

<label htmlFor={id}>Enter Name</label>

<input id={id} type="text" />

• Correct

• Incorrect

What does useId return?

• A function

• A unique string ID

• A state variable

• A JSX element
  

What is the key difference between useEffect and useLayoutEffect?

• useLayoutEffect runs after paint, useEffect runs before paint

• useEffect runs after the render, useLayoutEffect runs before paint

• Both run at the same time
  

• useLayoutEffect runs asynchronously

When should useLayoutEffect be preferred over useEffect?

• When updating the DOM immediately after render

• When fetching API data

• When setting up event listeners

• When logging data to the console

Does useLayoutEffect run on the server side?

• Yes

• No

Match the following

• Sync state from an external source

• useTransition

• Low-priority updates

• useLayoutEffect

• Debugging hooks

• useId

• High-priority updates

• useSyncExternalStore

• Unique identifiers

• useDebugValue

What is the output of this code?

const [isPending, startTransition] = useTransition();

startTransition(() => setCount(count + 1));

console.log(isPending);

• true

• false

• undefined

• null

What is the correct way to implement useSyncExternalStore?

const store = useSyncExternalStore(subscribe, getSnapshot);

• Correct

• Incorrect