React Hooks Custom Hooks

Question 1

What naming convention must all custom hooks follow?

Accepted Answer

They must start with 'use'

Answer

They must end with 'Hook'

Answer

They must start with 'get'

Answer

They must be named after the component

Question 2

What is the main benefit of extracting logic into a custom hook?

Accepted Answer

Reusing stateful logic across multiple components without duplicating code

Answer

Improved rendering speed

Answer

Reducing bundle size

Answer

Bypassing React's re-render cycle

Question 3

Can two components using the same custom hook share state?

Accepted Answer

No, each component gets its own isolated state instance

Answer

Yes, state is shared between all components using the same hook

Answer

Only if the hook uses useContext

Answer

Yes, if the hook uses useRef

Question 4

Which of the following can a custom hook contain?

Accepted Answer

Any combination of built-in hooks and logic

Answer

Only useState calls

Answer

Only useEffect calls

Answer

JSX markup

Question 5

Where can a custom hook be called from?

Accepted Answer

Inside function components or other custom hooks

Answer

Only inside class components

Answer

Only inside useEffect

Answer

Inside event handlers

Question 6

What does a custom hook typically return?

Accepted Answer

It can return anything: values, functions, arrays, objects, or nothing

Answer

It must return JSX

Answer

It must return a single value

Answer

It must return a [state, setState] tuple