Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
3 views3 pages

Web Development

The document outlines key concepts in React.js, including components, props, state, the Virtual DOM, and hooks like useState and useEffect. It emphasizes the importance of understanding the underlying principles and practicing clear communication for interview readiness. Additionally, it provides tips for success, such as reviewing notes, collaborating with peers, and applying theoretical knowledge through practical projects.

Uploaded by

satyam96310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views3 pages

Web Development

The document outlines key concepts in React.js, including components, props, state, the Virtual DOM, and hooks like useState and useEffect. It emphasizes the importance of understanding the underlying principles and practicing clear communication for interview readiness. Additionally, it provides tips for success, such as reviewing notes, collaborating with peers, and applying theoretical knowledge through practical projects.

Uploaded by

satyam96310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

🗓️ Day 3: React.

js & Frontend Tooling

1. What are components in React? Differentiate between functional and class


components.
Components are reusable UI parts. Functional: use hooks, simpler. Class: use lifecycle
methods.

2. What are props and state in React?


• Props: Passed from parent, read-only.
• State: Internal, can be updated to re-render.

3. What is the Virtual DOM and how does React use it?
A lightweight copy of the real DOM. React updates it first, then compares and updates
the real DOM efficiently.

4. Explain the use of useState and useEffect hooks.


• useState: Adds state in functional components.
• useEffect: Handles side effects like API calls, runs after render.

5. What is the difference between controlled and uncontrolled components?


Controlled: React manages state. Uncontrolled: Uses DOM directly (e.g. with ref).

6. What are React keys and why are they important in lists?
Keys identify items in a list. Helps React optimize re-rendering.

7. How would you handle conditional rendering in React?


Using if statements, ternary operators, or && logic.
{isLoggedIn ? <Dashboard /> : <Login />}

8. What is the purpose of a useRef hook?


To directly access DOM elements or store values without re-rendering.

9. How does React Router work?


It helps in navigating between pages/components using URLs. Uses <Route> and
<Link>.

10. What are some advantages of using a frontend framework like React?
Reusable components, virtual DOM, unidirectional data flow, strong ecosystem,
efficient updates.
This series is designed to mirror actual interview questions, help you build
confidence, and develop clarity in your answers. Here's what you should focus on:

🧠 What to Keep in Mind:

Understand the "why" behind each concept, not just the syntax.

Practice explaining your answers out loud—clarity and communication are just as
important as correctness.

Don't hesitate to ask follow-up questions or clarifications, just like you would in a real
interview.

Use this opportunity to identify your weak spots—every mistake is a chance to improve.

🧠 Tips for Success:

Stay consistent: Review your notes after each mock interview.

Go deeper: If you struggle with a question, research and write down the core concept
again.

Collaborate: Discuss questions and approaches with peers—teaching others reinforces


your own learning.

Practice coding questions along with theory. Build small projects or UI clones to back your
answers with practical experience.

🚀 This mock interview series is not about judgment—it's about growth. Let’s make the most of
this journey and come out sharper, smarter, and more interview-ready than ever before.

You might also like