Q51. How does useLayoutEffect work during server-side rendering (SSR)?
The `useLayoutEffect` hook does **not run on the server**, because there is no DOM. React issues a warning in server environments like Next.js if `useLayoutEffect` is use...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (71 available).
Active:
Tag: jsx ×
Q52. How do you share state logic between components using custom hooks?
Custom hooks allow you to **extract and share stateful logic** between components without changing their hierarchy. The state itself is not shared—each component using th...
Q53. What are the differences between useEffect and useEvent (experimental)?
`useEvent` is an **experimental hook** (not yet stable in React) designed to solve the problem of creating **stable event handlers** that always access the latest props a...
Q54. What are the key features introduced in React 18?
React 18, released in March 2022, introduced several groundbreaking features focused on performance and user experience: #### 1. **Automatic Batching** Batch multiple sta...
Q55. What are the key features introduced in React 19?
React 19 (released 2024) brings major improvements for full-stack React applications: #### 1. **React Compiler (formerly React Forget)** Automatic memoization - no more m...
Q56. What is the use() hook in React 19?
The `use()` hook allows you to read the value of a resource (Promise or Context) during render, with Suspense integration. #### Reading Promises ```jsx import { use, Susp...
Q57. What are Server Actions in React 19?
**Server Actions** allow you to call server-side functions directly from client components without writing API endpoints. #### Basic Server Action ```jsx // app/actions.j...
Q58. What are useFormState and useFormStatus hooks?
These hooks simplify form handling with Server Actions in React 19. #### useFormState Manages form state and handles server responses: ```jsx 'use client' import { useFor...
Q59. What is the useOptimistic hook?
`useOptimistic` enables optimistic UI updates - showing changes immediately before server confirmation. #### Basic Usage ```jsx import { useOptimistic } from 'react'; fun...
Q60. What is the React Compiler (React Forget)?
The **React Compiler** (formerly known as React Forget) automatically optimizes your components by adding memoization where needed - eliminating the need for manual `useM...