0

Completed

0%

Progress

0

Starred

01

What is React? Explain its core concepts and how it differs from traditional DOM manipulation.

beginner#Basics
02

What is JSX? How does it differ from HTML and what are its rules?

beginner#Basics
03

What are functional components in React? How do they differ from class components?

beginner#Components
04

How do you pass data between components using props? Explain prop drilling and basic parent-child communication.

beginner#Components
05

What is state in React? Explain the useState hook with examples and rules of hooks.

beginner#State Management
06

How do you handle events in React? Explain synthetic events and common event handlers.

beginner#Basics
07

How does conditional rendering work in React? Show different methods with examples.

beginner#Rendering
08

How do you render lists in React? Explain the importance of keys and common patterns.

beginner#Components
09

What are controlled and uncontrolled components in React forms? Provide examples and use cases.

beginner#Forms
10

What is useEffect? How does it work for side effects and lifecycle simulation?

beginner#Hooks
11

What is the useState hook? Provide multiple examples and explain batch updates.

beginner#Hooks
12

How does React Router work? Explain basic routing, navigation, and route parameters.

beginner#Routing
13

How do you fetch data in React? Compare fetch API with libraries like React Query.

beginner#API Integration
14

What is the difference between props and state in React?

beginner#Components
15

What are different ways to style React components? Compare CSS modules, Styled Components, and Tailwind CSS.

beginner#Styling
16

What is the virtual DOM? How does it work and why is it important in React?

beginner#Basics
17

What are React Hooks? Explain the basic hooks and their rules.

beginner#Hooks
18

What is the difference between functional components and class components? When would you use each?

beginner#Basics
19

What is the useRef hook? How is it different from state and when would you use it?

beginner#Hooks
20

How do you handle form validation in React? Compare controlled approach with libraries like Formik and React Hook Form.

beginner#Forms
21

What is the children prop in React? How do you use it for composition?

beginner#Basics
22

What is React DevTools and how can you use it for debugging and performance profiling?

beginner#Performance Optimization
23

How do you handle loading and error states when fetching data in React?

beginner#API Integration
24

How do you create a basic React project? Explain the folder structure and build process.

beginner#Basics
25

What are the benefits of using TypeScript with React? Provide basic type definitions for components and hooks.

beginner#TypeScript
26

How does useEffect handle cleanup and dependencies? Explain the concept of stale closures and how to avoid them.

intermediate#Hooks
27

What are useMemo and useCallback? How do they optimize performance and when should you use them?

intermediate#Hooks
28

How do you create custom hooks? Provide examples for data fetching and form handling.

intermediate#Hooks
29

What is the Context API? How does it work and when should you use it over prop drilling?

intermediate#State Management
30

What is useReducer and when would you use it instead of useState? Provide an example.

intermediate#State Management
31

Explain React's reconciliation and diffing algorithm. How does it decide which components to update?

intermediate#Rendering
32

What are code splitting and lazy loading? How do you implement them with React.lazy and Suspense?

intermediate#Performance Optimization
33

What are error boundaries in React? How do you implement them and what are their limitations?

intermediate#Error Handling
34

What are forwardRefs and useImperativeHandle? How do you expose DOM refs or component methods to parent components?

intermediate#DOM Interaction
35

What are portals in React? How do they work and when would you use them?

intermediate#Rendering
36

How do you implement debouncing and throttling in React? Give examples for search inputs and scroll events.

intermediate#API Integration
37

What is React.memo and how does it work? Explain when to use it and potential pitfalls.

intermediate#Performance Optimization
38

Explain the concept of compound components. How do you implement them using context and React.Children?

intermediate#Rendering
39

What is React Query (TanStack Query) and how does it solve common data fetching problems?

intermediate#API Integration
40

What is the difference between useEffect and useLayoutEffect? When would you use useLayoutEffect?

intermediate#Rendering
41

How do you type React components, hooks, and events with TypeScript? Provide examples.

intermediate#TypeScript
42

Explain the concept of render props and how they compare to hooks for logic sharing.

intermediate#Rendering
43

What is the virtual DOM? Explain the reconciliation algorithm and how React achieves efficient updates.

intermediate#Performance Optimization
44

How do you test React components? Explain unit testing, integration testing, and tools like React Testing Library.

intermediate#Testing
45

What are the best practices for organizing a large React application? Discuss folder structure, component patterns, and state management.

intermediate#Architecture
46

Explain React Fiber architecture. How does it enable concurrent rendering and what are the benefits?

advanced#React Internals
47

How does the React Scheduler work? Explain priorities, time slicing, and how it integrates with the event loop.

advanced#React Internals
48

Explain the commit phase and render phase in React reconciliation. What happens in each and why are they separate?

advanced#Rendering
49

How does React handle automatic batching and when does it batch updates? Compare React 17 vs 18.

advanced#React Internals
50

What is Suspense and how does it work internally? Explain data fetching with Suspense and its limitations.

advanced#Rendering
51

Explain Streaming SSR and Selective Hydration. How do they improve performance in React 18?

advanced#SSR & Hydration
52

How does React handle events internally? Explain the event delegation system and synthetic events.

advanced#React Internals
53

How does the React Compiler (formerly Forget) work? What problems does it solve and how does it differ from manual memoization?

advanced#React Internals
54

Explain hydration mismatches in React. What causes them and how can they be fixed?

advanced#SSR & Hydration
55

What are React Server Components (RSC) and how do they differ from client components? Explain the benefits and trade-offs.

advanced#Architecture
56

How do you optimize large lists in React? Discuss virtualization, windowing, and techniques like react-window.

advanced#Performance Optimization
57

What are common security vulnerabilities in React applications and how do you mitigate them? (XSS, CSRF, prototype pollution)

advanced#Security
58

How do you implement micro-frontends with React? Discuss module federation, shared dependencies, and trade-offs.

advanced#Architecture
59

How do you use React DevTools and profiling to identify and fix performance bottlenecks?

advanced#Performance Optimization
60

How does React handle state updates with hooks? Explain the linked list of hooks and why order matters.

advanced#React Internals
61

How does React's `useSyncExternalStore` work and when would you use it?

advanced#React Internals
62

What are the new features in React 19? Discuss the `use` hook, improvements in Server Components, and other updates.

advanced#Rendering
63

How does React's cache mechanism work for data fetching and what problems does it solve?

advanced#React Internals
64

Explain advanced React patterns: Higher-Order Components (HOC), Render Props, and Custom Hooks. Compare their trade-offs.

advanced#Design Patterns
65

How do you build accessible React components? Discuss ARIA, keyboard navigation, focus management, and testing.

advanced#Accessibility