In this first official lesson of the **React JS Full Course**, we tackle the “Mindset Shift”—moving from manual DOM manipulation in Vanilla JavaScript to the modern, declarative power of React. We start from zero, using the CDN method to understand the core engine before we move to professional build tools like Vite. እንኳን ወደ React JS ሙሉ ኮርስ በሰላም መጣችሁ! በዚህ የመጀመሪያ ክፍል (Lesson 1) ከለመድነው ከVanilla JavaScript ወጥተን ወደ React የምናደርገውን ሽግግር እናያለን። ይህ ቪዲዮ ሪአክት እንዴት እንደሚሰራ እና ለምን እንደምንጠቀመው መሰረታዊ ግንዛቤ የሚያስጨብጥ ነው። — ⏰ **📌 CHAPTERS (Lesson 1 Timeline):** 00:00 – Introduction to React JS 01:25 – React from Zero 02:08 – Problem with Manual Updates 02:42 – Project Folder Setup 04:49 – HTML Comes First (React Does NOT Replace HTML) 06:07 – Load React (Beginner Way: CDN – Content Delivery Network) 09:23 – JavaScript Finds the HTML Box 10:48 – Creating the React Root (JavaScript ↔ React Bridge) 12:36 – Rendering Something (First Try) 14:22 – Why Plain Text Is Weak 15:04 – Important Rule for Beginners 15:37 – React.createElement (React’s Language) 18:21 – First Correct Render 18:31 – What Does `null` Mean? 19:25 – What Happens If `null` Is NOT `null`? 22:36 – How to Create Multiple Elements 23:14 – JSX (Easier Way to Write the Same Thing) 25:00 – Why Browsers Can’t Read JSX 25:31 – Babel (The Translator) 28:18 – JSX Rules 34:11 – React Root Container Selection (id vs class vs querySelector) 40:03 – Text vs JSX 41:36 – Problem with JSX Alone 42:35 – What Is a Component? (Solving JSX Problems) 47:50 – Using Components Inside App 48:31 – Why We Use Components