Brushing up the React fundamentals before diving into Advanced Topics

🔹 What is React?

React is a JavaScript library for building interactive UIs.

It uses a component‑based architecture, meaning your UI is split into small, reusable pieces that manage their own logic and rendering.

🔹 JSX

JSX = JavaScript XML, a syntax to write HTML inside JavaScript.

const element = <h2>Hello, React!</h2>;

JSX makes UI structure easier to visualize.

🔹 Components

Building blocks of every React app.

• Functional Components (the modern standard)
• Can accept props (inputs) and manage state (local data).

🔹 Props & State

• Props: Send data child → parent or component → component
• State: Internal data that changes over time

Example: