React Questions: What is the difference between React's useEffect and useLayoutEffect hooks? Explain how React’s Context API works and when you should use it over Redux. What are React Suspense and React.lazy? How do they help in code splitting? How do you optimize React applications for performance? Explain the virtual DOM and its role in React. What are controlled and uncontrolled components in React? When should each be used? What is the difference between componentWillMount, componentDidMount, getDerivedStateFromProps, and componentDidUpdate lifecycle methods? What is React's reconciliation algorithm? How does React decide which component to re-render? What are PureComponent and React.memo? When should they be used? Can you explain the React Hooks API and how it differs from class components? What are higher-order components (HOCs), and how are they different from render props? Explain React’s error boundaries and how they work. What is the purpose of useCallback, useMemo, and useRef hooks? How does React handle side effects in functional components? How would you implement server-side rendering (SSR) with React? What is JSX, and what does it get compiled to? How do you manage state in large React applications? What are the trade-offs between different state management approaches in React? How would you handle authentication in a React application? What are the differences between React 17 and React 18? What improvements have been made in concurrent rendering and Suspense?