World 1 / Rookie Zone
A hands-on React Native starter course. Build real mobile screens with View, Text, StyleSheet, Flexbox, Image, Pressable, props, state, conditional rendering, TextInput, FlatList and a final Todo App. Clear lessons to unlock next zone. Boss Project waits at the end.
The training camp collects the first React Native moves: screens, components, Expo, and mobile JavaScript.
Guide: Pixel Mentor
Reward skill: Mobile foundation
Objective: Learn View, Text, styling, state, and interaction as your starter mission chain.
Free quest
0 / 14 lessons
Status
World
Time
Map
Lessons
Sign in to save progress and XP.
World goal: Build a confident first mobile screen and enter the course map.
Skill collected: Mobile foundation
/course-assets/lessons/react-native-start/first-mobile-screen.svg
This module moves through a focused part of React Native Start. Each lesson includes a practical task, validation rules and a hidden solution.
Zone 1: React Native UI fundamentals. Clear the missions inside this zone to charge the path forward.
Mission 1
Mission 1: First mobile screen. Read the briefing, solve the practice quest, and bank the XP.
Mission 1: First mobile screen. Read the briefing, solve the practice quest, and bank the XP.
Mission 2: View and Text: composing blocks. Read the briefing, solve the practice quest, and bank the XP.
Mission 3: StyleSheet: course card. Read the briefing, solve the practice quest, and bank the XP.
Mission 4: Flexbox: dashboard row. Read the briefing, solve the practice quest, and bank the XP.
Mission 5: Image: student profile. Read the briefing, solve the practice quest, and bank the XP.
Mission 6: Pressable: interactive lesson card. Read the briefing, solve the practice quest, and bank the XP.
/course-assets/lessons/react-native-start/props-course-card.svg
This module moves through a focused part of React Native Start. Each lesson includes a practical task, validation rules and a hidden solution.
Zone 2: Components, props and state. Clear the missions inside this zone to charge the path forward.
Mission 7: Props: CourseCard component. Read the briefing, solve the practice quest, and bank the XP.
Mission 8: useState: lesson progress. Read the briefing, solve the practice quest, and bank the XP.
Mission 9: Conditional rendering: empty and success. Read the briefing, solve the practice quest, and bank the XP.
Mission 10: TextInput: note form. Read the briefing, solve the practice quest, and bank the XP.
Boss Level
This module moves through a focused part of React Native Start. Each lesson includes a practical task, validation rules and a hidden solution.
Boss zone: Forms, lists and project. This is where the world turns into a portfolio proof. Todo App Boss Quest.
Boss mission: FlatList: course list. Combine the zone patterns into one final result. Build a confident first mobile screen and enter the course map.
Boss mission: TodoItem component. Combine the zone patterns into one final result. Build a confident first mobile screen and enter the course map.
Boss mission: Todo App: add and delete tasks. Combine the zone patterns into one final result. Build a confident first mobile screen and enter the course map.
Boss mission: Todo App: empty state and completion. Combine the zone patterns into one final result. Build a confident first mobile screen and enter the course map.
