🇨🇳 简体中文 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇯🇵 日本語 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English
Learn the fundamentals of React from setting up your first app to building interactive components. Master essential React concepts through hands-on labs covering components, JSX, props, state, hooks, event handling, conditional rendering, lists, and forms.
| Index | Name | Difficulty | Practice |
|---|---|---|---|
| 1 | 📖 🆓 React Setup and First App | Beginner | Start Lab |
| 2 | 📖 🆓 React Components Introduction | Beginner | Start Lab |
| 3 | 📖 🆓 React JSX Basics | Beginner | Start Lab |
| 4 | 📖 🆓 React Props | Beginner | Start Lab |
| 5 | 📖 🆓 React State with Hooks | Beginner | Start Lab |
| 6 | 📖 React Event Handling | Beginner | Start Lab |
| 7 | 📖 React Conditional Rendering | Beginner | Start Lab |
| 8 | 📖 React Lists and Keys | Beginner | Start Lab |
| 9 | 📖 React Forms Basics | Beginner | Start Lab |
LabEx is an interactive, hands-on learning platform dedicated to coding and technology. It combines labs, AI assistance, and virtual machines to provide a no-video, practical learning experience.
- A strict "Learn by Doing" approach with exclusive hands-on labs and no videos.
- Interactive online environments within the browser, with automated step-by-step checks.
- A structured content organization with the Skill Tree based learning system.
- A growing learning resource of 30 Skill Trees and over 6,000 Labs.
- The learning assistant Labby, built on lastest AI models, providing a conversational learning experience.
Learn more about LabEx VM.