What are hooks, and what are their different types?

Question

Accepted Answer

Hooks are functions that let you use state and lifecycle features in React functional components.

useState: Allows you to add state to functional components. Example: const [count, setCount] = useState(0);
useEffect: Lets you perform side effects in function components. Example: useEffect(() => { document.title = `Count: ${count}`; }, [count]);
useContext: Provides a way to share values between components without passing props. Example: const value = useContext(MyContext);
useReducer: An alternative to useState for managing complex state logic. Example: const [state, dispatch] = useReducer(reducer, initialState);
useRef: Allows you to create mutable object references that persist for the full lifetime of the component. Example: const inputRef = useRef(null);

Top Front end Developer Interview Questions Asked at Sekel Technologies