Functional Components

Subject: React

1️⃣ ✅ Functional Components (Modern)

📘 Definition:

A JavaScript function that returns JSX. It can accept props and use hooks like useState, useEffect, etc.

🔧 Syntax:

🚀 Try it in Compiler

Or using arrow function:

🚀 Try it in Compiler

🧪 Example:

🚀 Try it in Compiler

⚡ Features:

  • Lightweight and easier to write
  • Use of Hooks (useState, useEffect)
  • Preferred in modern React development
  • Better readability and maintainability

🧪 Bonus: Using Hooks in Functional Components

🚀 Try it in Compiler

➡️ Also read: Class Components

Next: Class