01Current
NP任务
任务 1
任务 1：Первый мобильный 屏幕。阅读简报，完成练习任务，获得 XP。
+30 XP
World 2 / 新手区
React Native Start
React Native 入门实战课程。你将用 View、Text、StyleSheet、Flexbox、Image、Pressable、props、state、conditional rendering、TextInput、FlatList 构建真实 mobile screens，并完成 final Todo App。 完成课程以解锁下一个区域. Boss 项目在世界终点等待。
NP
进入世界Start Zone / Training Camp生物群系: Camp
训练营收集 React Native 的第一组动作：屏幕、组件、Expo 和移动 JavaScript。
向导: Pixel Mentor
奖励技能: Mobile foundation
目标: 把 View、Text、样式、状态和交互作为起始任务链完成。
路线进度0%
Start Zone / Training Camp
构建第一个可靠的移动屏幕，并进入课程地图。
Route progress0%
免费任务
0 / 14 节课
世界 1新手区Boss 项目
World route
What you will build
Build your first screens and understand the component model.
What you should know
World 1: React Native JavaScript 基础
Recommended previous world
World 1: React Native JavaScript 基础Next world
World 3: Expo Start状态
Free
世界
世界 1
时长
11 小时 40 分钟
地图
3 个区域 / 14 节课
课时
0 / 14 节课
登录后可保存进度和 XP。
任务地图Start Zone / Training Camp0/14
First App Gatekeeper
02Locked
任务
任务 2
任务 2：View и Text: композиция блоков。阅读简报，完成练习任务，获得 XP。
+32 XP
03Locked
挑战
任务 3
任务 3：StyleSheet: 卡片 курса。阅读简报，完成练习任务，获得 XP。
+38 XP
04Locked
任务
任务 4
任务 4：Flexbox: dashboard-строка。阅读简报，完成练习任务，获得 XP。
+42 XP
05Locked
任务
任务 5
任务 5：Image: профиль ученика。阅读简报，完成练习任务，获得 XP。
+40 XP
06Locked
奖励
任务 6
任务 6：Pressable: интерактивная 卡片 урока。阅读简报，完成练习任务，获得 XP。
+45 XP
07Locked
任务
任务 7
任务 7：Props: компонент CourseCard。阅读简报，完成练习任务，获得 XP。
+55 XP
08Locked
任务
任务 8
任务 8：useState: 进度 урока。阅读简报，完成练习任务，获得 XP。
+50 XP
09Locked
挑战
任务 9
任务 9：Условный рендеринг: empty и success。阅读简报，完成练习任务，获得 XP。
+45 XP
10Locked
任务
任务 10
任务 10：TextInput: 表单 заметки。阅读简报，完成练习任务，获得 XP。
+55 XP
11Locked
Boss
Boss 任务
Boss 任务：FlatList: 列表 курсов。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
+60 XP
12Locked
Boss
Boss 任务
Boss 任务：Компонент TodoItem。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
+55 XP
13Locked
Boss
Boss 任务
Boss 任务：Todo App: добавить и удалить задачу。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
+75 XP
14Locked
Boss
Boss 任务
Boss 任务：Todo App: empty state и завершение。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
+80 XP
任务 1
任务 1：Первый мобильный 屏幕。阅读简报，完成练习任务，获得 XP。
已收集技能Mobile foundation
最终目标Start Zone / Training Camp
First App Gatekeeper
世界目标: 构建第一个可靠的移动屏幕，并进入课程地图。
已收集技能: Mobile foundation
/course-assets/lessons/react-native-start/first-mobile-screen.svg
关卡 1
База React Native интерфейса
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 1
区域 1：База React Native интерфейса。完成区域任务，继续推进地图。
关卡 1下一关+30 XP
Первый мобильный 屏幕
任务 1：Первый мобильный 屏幕。阅读简报，完成练习任务，获得 XP。
30 分钟
关卡 2已锁定+32 XP
View и Text: композиция блоков
任务 2：View и Text: композиция блоков。阅读简报，完成练习任务，获得 XP。
35 分钟先完成上一关
关卡 3已锁定+38 XP
StyleSheet: 卡片 курса
任务 3：StyleSheet: 卡片 курса。阅读简报，完成练习任务，获得 XP。
40 分钟先完成上一关
关卡 4已锁定+42 XP
Flexbox: dashboard-строка
任务 4：Flexbox: dashboard-строка。阅读简报，完成练习任务，获得 XP。
45 分钟先完成上一关
关卡 5已锁定+40 XP
Image: профиль ученика
任务 5：Image: профиль ученика。阅读简报，完成练习任务，获得 XP。
40 分钟先完成上一关
关卡 6已锁定+45 XP
Pressable: интерактивная 卡片 урока
任务 6：Pressable: интерактивная 卡片 урока。阅读简报，完成练习任务，获得 XP。
45 分钟先完成上一关
/course-assets/lessons/react-native-start/props-course-card.svg
关卡 2
Компоненты, props и state
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 2
区域 2：Компоненты, props и state。完成区域任务，继续推进地图。
关卡 1已锁定+55 XP
Props: компонент CourseCard
任务 7：Props: компонент CourseCard。阅读简报，完成练习任务，获得 XP。
55 分钟先完成上一关
关卡 2已锁定+50 XP
useState: 进度 урока
任务 8：useState: 进度 урока。阅读简报，完成练习任务，获得 XP。
50 分钟先完成上一关
关卡 3已锁定+45 XP
Условный рендеринг: empty и success
任务 9：Условный рендеринг: empty и success。阅读简报，完成练习任务，获得 XP。
45 分钟先完成上一关
关卡 4已锁定+55 XP
TextInput: 表单 заметки
任务 10：TextInput: 表单 заметки。阅读简报，完成练习任务，获得 XP。
55 分钟先完成上一关
Boss 关卡
Boss 关卡Boss 项目
Формы, списки и проект
本 module 构建 React Native Start 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
Boss 区域
Boss 区域：Формы, списки и проект。这里会把学习内容变成作品集证明。 Todo App Boss Quest.
关卡 1Boss 关卡已锁定+60 XP
FlatList: 列表 курсов
Boss 任务：FlatList: 列表 курсов。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
1 小时最终任务先完成上一关
关卡 2Boss 关卡已锁定+55 XP
Компонент TodoItem
Boss 任务：Компонент TodoItem。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
55 分钟最终任务先完成上一关
关卡 3Boss 关卡已锁定+75 XP
Todo App: добавить и удалить задачу
Boss 任务：Todo App: добавить и удалить задачу。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
1 小时 15 分钟最终任务先完成上一关
关卡 4Boss 关卡已锁定+80 XP
Todo App: empty state и завершение
Boss 任务：Todo App: empty state и завершение。把本区域模式组合成最终成果。 构建第一个可靠的移动屏幕，并进入课程地图。
1 小时 10 分钟最终任务先完成上一关
Have a question or found an issue?
Your message will include this course context.
XP PRACTICE
Reinforce what you learned
Play a short code game or test your speed in the Arena.