[React.js Full Course in Amharic | Learn React in 5 Hours (Zero to Hero)](https://studio.youtube.com/video/hO5 Structure: React.js Zero to Hero (Amharic)**
####Module 1: The Foundation & Setup**
0:00:00** – **Lesson 0: Course Overview & Roadmap**
Introduction to the learning path and what we are building.
0:09:31** – **Lesson 1: Introduction to React & JS Transition**
Understanding the “Why” of React and modern JavaScript prerequisites.
0:58:58** – **Lesson 2: Environment Setup & Folder Structure**
Installing Vite, setting up the development environment, and project architecture.
#### **Module 2: Mastering JSX & Components**
*1:22:51** – **Lesson 3: JSX Syntax & Rules**
Writing declarative UI and embedding JavaScript expressions.
1:51:17** – **Lesson 4: List Rendering & Keys**
Efficiently rendering data using `.map()` and the importance of unique keys.
2:22:14** – **Lesson 5: Functional Components Step-by-Step**
* Building UI building blocks and understanding component-based architecture.
**Module 3: Props, Data Flow & Interaction**
*2:46:29** – **Lesson 6: Mastering Props & Data Flow**
* Passing data from parents to children and unidirectional data flow.
3:10:19** – **Lesson 7: Advanced Props & Logic**
* Function props and passing components as props for flexibility.
3:28:03** – **Lesson 8: Conditional Rendering**
* Displaying UI based on state logic (Short-circuiting vs. Ternaries).
#### **Module 4: State Management & Forms**
3:47:43** – **Lesson 9: State Management with `useState`**
* Adding interactivity and managing local component memory
3:59:51** – **Lesson 10: Handling Forms & Controlled Components**
Managing inputs, form submission, and data validation in React.
Module 5: Side Effects & Performance**
4:18:16** – **Lesson 11: Performance Optimization Basics**
Understanding re-renders and React’s internal reconciliation.
4:35:10** – **Lesson 12: Mastering the `useEffect` Hook**
Handling API calls, subscriptions, and the dependency array lifecycle.
4:44:54** – **Course Conclusion & Next Steps**
Transitioning from basic React to Full-Stack development.
🚀 Get the Code on GitHub: https://github.com/Haile1221/reactJS-Full-Course
📢 Join our Telegram Community: t.me/beshilocodingacademy