React

Question 1

What is React used for?

Answer 1

React is a JavaScript library used for building user interfaces, primarily for web applications. It helps developers create interactive, dynamic, and reusable UI components efficiently.

Question 2

What are the advantages and disadvantages of Virtual DOM?

Answer 2

Advantages:
1. Performance Optimization
2. Declarative UI Updates
3. Cross-Platform Consistency
4. Simplifies Programming Model

Disadvantages:
1. Extra Abstraction Overhead
2. Initial Learning Curve
3. Memory Consumption
4. Not a Silver Bullet

Question 3

Are TSX and JSX the same?

Answer 3

No, TSX is the TypeScript equivalent of JSX.

JSX is a syntax extension for JavaScript that allows you to write HTML-like markup inside JavaScript.

Question 4

How do props work in React?

Answer 4

Props (short for properties) in React are a way to pass data from a parent component to a child component.

1. Props are read-only in the child component — the child cannot modify them.
2. Passed as attributes on a JSX element.
3. Accessible inside the child component via a parameter (usually an object).

Question 5

What are Hooks in React?

Answer 5

Hooks in React are special functions that let you “hook into” React features like state and lifecycle methods inside functional components, without needing to write class components.

Question 6

What is NextJS used for?

Answer 6

Next.js is a React framework used to build production-ready web applications with powerful features out of the box.

1. Server-Side Rendering (SSR)
2. Static Site Generation (SSG)
3. API Routes
4. File-Based Routing
5. Built-In CSS and Image Optimization
6. Fast Refresh & Developer Experience