🚀 **Welcome to Lesson 4: React List Rendering with .map() & Keys Explained [በአማርኛ]** In this lesson of the **React JS Full Course**, we master one of the most vital skills for building dynamic apps: **List Rendering**. We answer the big questions: Why do we use `.map()` instead of a `for` loop? And why does React give that famous “Unique Key” warning? By the end of this video, you will understand how React’s engine tracks data and how to build high-performance lists for To-Do apps, E-commerce, and Dashboards. እንኳን ወደ React JS ሙሉ ኮርስ በአማርኛ በሰላም መጣችሁ! 🚀 በዚህ አራተኛ ክፍል (Lesson 4) በሪአክት ውስጥ በጣም አስፈላጊ የሆነውን የ List Rendering እና የ Keys ምንነት በጥልቀት እናያለን። ብዙ ጊዜ React ላይ ስንሰራ “Each child in a list should have a unique key prop” የሚል ቀይ ማስጠንቀቂያ (Warning) ያጋጥመናል። ይህ ለምን ይመጣል? እንዴትስ በትክክል መፍታት እንችላለን? ለነዚህ ጥያቄዎች ተግባራዊ ምላሽ እናገኛለን። — 📌 **CHAPTERS (Lesson 4 Timestamps):** 00:00 – Introduction to Lists 00:34 – Arrays in JavaScript 00:50 – Normal JavaScript Loop 01:24 – Creating Project Folder 02:42 – JavaScript Loop Example 03:13 – Wrong Way in JSX 07:11 – Arrays with map() 11:21 – Understanding map() 13:06 – Why map() is Perfect for React 14:02 – Rendering Array in JSX 15:50 – Unique Key Warning 16:14 – Why React Needs a Key 18:54 – Fixing the Warning 21:51 – Real World Example (Lesson Data) 23:31 – Proper Key Best Practice 26:25 – Why Index as Key is Dangerous