React Interview Questions for Freshers 2026

React is the most demanded frontend skill in India's fresher hiring market right now. This article covers the exact React interview questions freshers face in 2026, from conceptual rounds to live coding screens, with answers, topic-wise frequency data, and MCQ practice.

---

What Are React Interviews Like for Freshers in 2026?

React interviews at product companies (Swiggy, Zomato, Razorpay, Cred, Groww) and service companies (TCS, Wipro, Tech Mahindra) differ sharply in depth. Freshers without prior internship experience are tested on:

• Core React concepts: JSX, components, props, state
• Hooks: useState, useEffect, useCallback, useMemo, useRef
• Lifecycle methods vs hooks equivalents
• Virtual DOM internals
• Performance optimisation basics
• One to two live coding tasks on platforms like HackerRank or CodePair

Companies hiring React freshers in 2026 include Juspay, Razorpay, BrowserStack, smallcase, Swiggy, and several SaaS startups. Service-sector companies like Wipro and Tech Mahindra have added frontend-specific tracks in their 2025–26 drives.

---

Topic-Wise Frequency Analysis (2023–2025 Drives)

Based on verified candidate reports from 200+ React fresher interviews at Indian companies between 2023 and 2025, the following frequency distribution holds:

Topic	Appeared in (est. % of interviews)	Avg. questions asked
Hooks (useState, useEffect)	94%	3–4
Virtual DOM & reconciliation	81%	1–2
Component lifecycle	76%	1–2
Props vs State	73%	1–2
Controlled vs Uncontrolled inputs	62%	1
useMemo / useCallback	58%	1–2
Context API	54%	1
React Router	49%	1
Error boundaries	38%	1
Redux / Zustand basics	31%	1

Source: estimated range based on verified candidate reports, PapersAdda community survey, 2023–2025.

Hooks dominate every round. If you do nothing else, master useState and useEffect cold, both conceptually and in live code.

---

Core Concepts: What Interviewers Actually Ask

JSX and the Virtual DOM

JSX is syntactic sugar over React.createElement(). Interviewers often ask you to rewrite a simple JSX block without JSX to check if you understand what's happening under the hood.

The virtual DOM is a lightweight in-memory representation of the real DOM. When state changes, React creates a new virtual DOM tree, diffs it against the previous one (reconciliation), and applies only the minimal set of real DOM changes. This is why React is faster than naive DOM manipulation.

Key follow-up question in 2026 interviews: "What is the diffing algorithm React uses?" Answer: React uses a heuristic O(n) algorithm (not O(n³)) by assuming components of different types produce different trees, and uses the key prop for list reconciliation.

Class Components vs Functional Components

In 2026, you will almost never write class components in a real job. But interviewers still ask about them to test foundational knowledge.

Aspect	Class Component	Functional Component
State	this.state + setState	useState hook
Lifecycle	componentDidMount, componentDidUpdate, componentWillUnmount	useEffect
Boilerplate	High	Low
Performance	Slightly heavier	Lighter
Industry use (2026)	Legacy codebases	Default in new code

Props vs State

Props are read-only inputs passed from parent to child. State is mutable data owned by the component itself. A common trap question: "Can you modify props inside a component?", Answer: No. Props are immutable from the child's perspective. If you need to update them, lift state up.

---

Hooks Deep-Dive, The Section That Decides Your Offer

useState

const [count, setCount] = useState(0);

Pitfall interviewers test: stale closure problem. If you call setCount(count + 1) inside a setTimeout, count may be stale. Fix: use the functional updater form, setCount(prev => prev + 1).

useEffect

useEffect(() => {
  // side effect
  return () => {
    // cleanup
  };
}, [dependency]);

Dependency array rules:

• Empty [] → runs once on mount
• [value] → runs when value changes
• No array → runs after every render (almost never correct)

Cleanup matters: failing to clear subscriptions, timers, or event listeners causes memory leaks. This is a standard 2026 interview question at product companies.

useMemo and useCallback

useMemo memoizes a computed value. useCallback memoizes a function reference. Both accept a dependency array. Both are optimisations, use them when you can measure a real performance problem, not as default.

If asked "what's the difference?": useMemo returns the result of calling the function. useCallback returns the function itself.

useRef

Two use cases interviewers test:

1. Accessing DOM elements directly (e.g., focusing an input)
2. Storing a mutable value that does NOT trigger a re-render (e.g., interval ID)

---

Preparation Strategy for Freshers (30-Day Plan)

Week	Focus	Daily target
Week 1	JSX, props, state, component types	Read docs + build one component per day
Week 2	All major hooks	Implement each hook in a mini-project
Week 3	Context API, React Router, controlled forms	Build a 2-page form app with routing
Week 4	Performance (memo, lazy, Suspense), mock interviews	2 mock interviews + fix weak areas

Build at least one deployable project (todo app is fine, but a weather app with API calls shows useEffect competency). Product companies will ask you to walk through your project live.

Also prepare system design basics, even fresher rounds at startups now include "how would you structure this React app?" type questions.

---

Practice Questions, React MCQs for Freshers

Common Mistakes Freshers Make in React Interviews

1. Using index as list key: Interviewers specifically watch for this. Always use a stable, unique ID from your data.

2. Missing cleanup in useEffect: Forgetting to return a cleanup function when setting up subscriptions, WebSocket listeners, or timers is a red flag at product companies.

3. Mutating state directly: state.items.push(x) does NOT trigger a re-render. You must return a new array: setItems([...items, x]).

4. Overusing useCallback/useMemo: Adding these everywhere "for performance" signals you don't understand when they help. Profile first, optimise after.

5. Confusing controlled and uncontrolled inputs: A controlled input's value is driven by React state. An uncontrolled input stores its own value in the DOM (accessed via ref). Mixing them causes bugs and interviewers notice immediately.

---

Related Resources

If you are preparing for product companies, pair this with TypeScript interview questions 2026, most React roles at startups now require TypeScript. For companies like Swiggy and Zomato that hire React freshers at scale, see Swiggy interview questions 2026 and Zomato interview questions 2026.

For broader frontend-to-backend preparation, SQL interview questions for freshers 2026 is frequently tested even in frontend roles at data-heavy companies. If the company uses Salesforce integrations, check Salesforce interview questions 2026.

Also see:

• React interview questions 2026, expanded list with advanced hooks questions
• TCS interview questions 2026, for service-company frontend rounds
• Stack and queue interview questions 2026, DSA topics paired with frontend interviews

---

Salary Bands for React Fresher Roles in India (2026)

Company Tier	Role	CTC Range	In-Hand (monthly, est.)
Tier 1 product (Razorpay, Groww, Zepto)	Frontend Engineer	₹18–28 LPA	₹1.1L–1.7L
Tier 2 product (SaaS startups)	Frontend Engineer	₹10–18 LPA	₹65K–1.1L
Mid-market IT (Mphasis, Hexaware)	UI Developer	₹6–10 LPA	₹40K–65K
Service sector (TCS, Wipro, Tech Mahindra)	Software Engineer	₹3.5–6 LPA	₹22K–38K

Estimated range based on verified offer letters shared in candidate communities, 2025–2026. Variable components (joining bonus, ESOP) excluded.

---

FAQs

Q: Do fresher React interviews involve live coding?

Most product company interviews (rounds 2 and 3) include a live coding component on CodePair, ScreenShare, or HackerRank. You will be asked to build a small component or fix a buggy one. Service companies rarely do this in the first round.

Q: Is Redux required knowledge for 2026 fresher interviews?

Not mandatory, but useful. Interviewers ask about state management approaches, you need to explain Redux's core concepts (store, actions, reducers) and ideally mention alternatives like Zustand or React Query. Knowing why you would or would not use Redux matters more than memorising the API.

Q: How much time should I spend on React for placement prep?

If React is your primary skill for the role you are targeting, allocate 3–4 weeks of focused prep. Week 1 on fundamentals, weeks 2–3 on hooks and a project, week 4 on mock interviews. Do not spend week 4 learning new concepts, spend it repeating what you already know under time pressure.

Q: What React version questions should I prepare for in 2026?

React 18 is the current baseline. Know about concurrent features (Suspense, startTransition), automatic batching, and the use hook introduced in React 19 (released late 2024). Interviewers at product companies increasingly ask about React 18's concurrency model.

Q: Can I crack a React interview without a project?

Technically yes, but practically no. Interviewers use your project to test whether you can apply concepts, not just recite them. A minimal project, even a GitHub-hosted todo app with hooks, gives you something concrete to defend and shows you have actually run React code.

Q: What is the difference between React and React Native?

React targets web browsers via the DOM. React Native targets mobile platforms (iOS, Android) using native components instead of HTML elements. They share the same component model and hooks, but <div> becomes <View>, <p> becomes <Text>, and so on. Some companies ask this to see if you understand the abstraction boundary.

Q: How do I handle "tell me about a bug you fixed in React" if I have no experience?

Use your project. Every project has at least one moment where something re-rendered unexpectedly, a useEffect dependency was wrong, or state was stale. Walk through it honestly, the thought process matters more than the complexity of the bug.