🗺️ Rendering Lists in React Using map()

In React, you often need to display a list of items. The map() method makes this easy.

📘 Example:

const fruits = ["Apple", "Banana", "Orange"];

function FruitList() {
  return (
    <ul>
      {fruits.map((fruit) => (
        <li key={fruit}>{fruit}</li>
      ))}
    </ul>
  );
}

✨ Key Points:
• map() transforms data into UI elements
• Always provide a unique key
• Keeps your code clean and dynamic

map() is one of the most commonly used patterns in React.