Learning path

React Native learning path

Start in World 1 and move forward in sequence. Every world proves a skill through practice and unlocks the next stage.

Career tracks

Career-ready practice

After the core worlds, practice workplace communication and junior task flow. Content is open to preview; progress, submissions, and XP require an account.

Technical EnglishFree during launch

Technical English for mobile developers

72 lessons for standups, PRs, code review, bug reports, GitHub/Slack, and writing tasks. Lessons are previewable; submissions and progress require sign in.

Work SimulationFree during launch

Developer work simulation

Kanban, GitHub submissions, standups, deadlines, review, and next-task unlocks. Scenarios are visible; execution requires an account.

Sequential route

Your path: World 1 → World 18

Start in the first world and unlock the next one by completing the previous stage. No random course selection required.

Do not choose a course at random — follow the route.

Your next stepWorld 1

React Native JavaScript 基础

Continue your current world. Progress is saved and the next stage opens at 100%.

World progress0 / 11 lessons
Start here
World 1Recommended next

React Native JavaScript 基础

面向想要自信编写 React Native 代码的学习者的实战基础课程。你将练习 variables、objects、arrays、functions、conditions、state、inputs、validation、async logic,并完成 final Learning Tracker project。

World progress0%
Start here
World 2World locked

React Native Start

React Native 入门实战课程。你将用 View、Text、StyleSheet、Flexbox、Image、Pressable、props、state、conditional rendering、TextInput、FlatList 构建真实 mobile screens,并完成 final Todo App。

Complete World 1 at 100% to unlock World 2.

World locked
World 3World locked

Expo Start

Expo project setup 与 release preparation 的实战入门。学习 project structure、app config、scripts、dev menu、assets、splash screen、fonts、environment config、permissions、EAS profiles 和 release checklist。

Complete World 2 at 100% to unlock World 3.

World locked
World 4World locked

UI Components

构建一个小型 React Native UI kit:design tokens、buttons、badges、stat cards、progress bars、course cards、empty states、loading/error states、skeletons、notices、segmented controls 和 final UI Kit screen。

Complete World 3 at 100% to unlock World 4.

World locked
World 5World locked

Forms 与 Validation

学习 React Native 中的 controlled inputs 和 validation patterns。构建 required fields、email checks、password rules、login forms、FieldError、settings forms、feedback forms、search forms 和 final Profile Form。

Complete World 4 at 100% to unlock World 5.

World locked
World 6World locked

Navigation

使用 mock flows 的实战 navigation 课程。构建 screen maps、stack navigation、route params、bottom tabs、auth flow、modal confirmation、nested course-to-lesson flow、remembered navigation state 和 final Mini Navigation App。

Complete World 5 at 100% to unlock World 6.

World locked
World 7World locked

API 与 Backend

构建 API-powered apps 的 client-side logic。练习 GET requests、error/retry states、POST feedback、API client functions、pagination、optimistic updates、empty states 和 final Course API Dashboard。

Complete World 6 at 100% to unlock World 7.

World locked
World 8World locked

Authentication

学习 client authentication 的 building blocks:auth flow、login validation、fake auth API、access/refresh token model、session state、protected screens、session restore、refresh token concept 和 final Auth Client App。

Complete World 7 at 100% to unlock World 8.

World locked
World 9World locked

State Management

关于 app state modeling 的实战课程。学习 source of truth、derived state、immutable updates、actions、reducer mental model、global store mock、course progress store、optimistic local store 和 final Learning Store App。

Complete World 8 at 100% to unlock World 9.

World locked
World 10World locked

Testing 与 Debugging

练习调试真实 React Native issues:error reading、debug panels、validation test cases、component scenarios、counter bugs、stable list keys、error boundary concept 和 final Debug Lab App。

Complete World 9 at 100% to unlock World 10.

World locked
World 11World locked

Publishing

准备 mobile app 发布。完成 publishing flow、app metadata、versioning、EAS build profiles、permissions/privacy notes、pre-release QA、store listing preview 和 final Release Manager App。

Complete World 10 at 100% to unlock World 11.

World locked
World 12World locked

Portfolio Projects

学习如何把 apps 变成强作品集 case studies。构建 portfolio strategy、project briefs、MVP scope、demo checklists、GitHub README previews、case study cards、project lists 和 final Portfolio Builder App。

Complete World 11 at 100% to unlock World 12.

World locked
World 13World locked

Habit Tracker App

Premium real-app course:构建 portfolio-ready Habit Tracker。你将完成 brief、dashboard、HabitCard、add form、complete-today flow、progress bar、filters、empty/reset states 和 final app。

Complete World 12 at 100% to unlock World 13.

World locked
World 14World locked

Weather App with API

Premium API-driven app course。构建 Weather App:project brief、fake weather API、city search、loading/error/success states、WeatherCard、forecast list、saved cities、retry states 和 final app。

Complete World 13 at 100% to unlock World 14.

World locked
World 15World locked

Mini Shop App

Premium commerce app course。构建 product catalog、ProductCard、add-to-cart logic、quantity controls、cart total、checkout form、empty cart state 和 final Mini Shop App。

Complete World 14 at 100% to unlock World 15.

World locked
World 16World locked

Auth Client App

Premium authentication app course。构建 login/register UI、fake auth API、session provider mock、protected dashboard、profile screen、refresh token flow、logout confirmation 和 final Auth Client App。

Complete World 15 at 100% to unlock World 16.

World locked
World 17World locked

AI Chat App

Premium AI/chat app course。构建 message model、ChatBubble、prompt composer、fake AI API、assistant loading state、safe hint mode、error/retry flow 和 final AI Chat App。

Complete World 16 at 100% to unlock World 17.

World locked
World 18World locked

MVP 从想法到发布

Premium product/business course:把 idea 变成 launchable MVP。构建 idea scorecard、problem statement、user stories、MVP scope、prototype map、roadmap、launch checklist、pricing 和 final MVP Launch Planner App。

Complete World 17 at 100% to unlock World 18.

World locked
全部

All route courses

Filters remain available, while the recommended order always stays visible above.

World 1 · Recommended next世界 1

React Native JavaScript 基础

面向想要自信编写 React Native 代码的学习者的实战基础课程。你将练习 variables、objects、arrays、functions、conditions、state、inputs、validation、async logic,并完成 final Learning Tracker project。

What you will build

Learn syntax, logic, and the foundations of mobile interfaces.

时长
8 小时 5 分钟
模块
3
课时
11
进度0 / 11 课时
XP 银行: 0/6000%
开始课程
World 2 · World locked世界 1

React Native Start

React Native 入门实战课程。你将用 View、Text、StyleSheet、Flexbox、Image、Pressable、props、state、conditional rendering、TextInput、FlatList 构建真实 mobile screens,并完成 final Todo App。

What you will build

Build your first screens and understand the component model.

Complete World 1 at 100% to unlock World 2.

时长
11 小时 40 分钟
模块
3
课时
14
进度0 / 14 课时
XP 银行: 0/8420%
开始课程
World 3 · World locked世界 1

Expo Start

Expo project setup 与 release preparation 的实战入门。学习 project structure、app config、scripts、dev menu、assets、splash screen、fonts、environment config、permissions、EAS profiles 和 release checklist。

What you will build

Set up projects, run apps on devices, and use the Expo SDK.

Complete World 2 at 100% to unlock World 3.

时长
9 小时 15 分钟
模块
3
课时
12
进度0 / 12 课时
XP 银行: 0/6770%
开始课程
World 4 · World locked世界 1

UI Components

构建一个小型 React Native UI kit:design tokens、buttons、badges、stat cards、progress bars、course cards、empty states、loading/error states、skeletons、notices、segmented controls 和 final UI Kit screen。

What you will build

Create responsive screens and reusable components.

Complete World 3 at 100% to unlock World 4.

时长
10 小时 25 分钟
模块
4
课时
12
进度0 / 12 课时
XP 银行: 0/7550%
开始课程
World 5 · World locked世界 1

Forms 与 Validation

学习 React Native 中的 controlled inputs 和 validation patterns。构建 required fields、email checks、password rules、login forms、FieldError、settings forms、feedback forms、search forms 和 final Profile Form。

What you will build

Handle user input, validation, and useful error states.

Complete World 4 at 100% to unlock World 5.

时长
8 小时 40 分钟
模块
4
课时
11
进度0 / 11 课时
XP 银行: 0/7250%
开始课程
World 6 · World locked世界 1

Navigation

使用 mock flows 的实战 navigation 课程。构建 screen maps、stack navigation、route params、bottom tabs、auth flow、modal confirmation、nested course-to-lesson flow、remembered navigation state 和 final Mini Navigation App。

What you will build

Connect screens through clear stack and tab flows.

Complete World 5 at 100% to unlock World 6.

时长
8 小时 30 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6100%
开始课程
World 7 · World locked世界 2

API 与 Backend

构建 API-powered apps 的 client-side logic。练习 GET requests、error/retry states、POST feedback、API client functions、pagination、optimistic updates、empty states 和 final Course API Dashboard。

What you will build

Load data and handle network, loading, and error states.

Complete World 6 at 100% to unlock World 7.

时长
8 小时 50 分钟
模块
4
课时
9
进度0 / 9 课时
XP 银行: 0/6300%
开始课程
World 8 · World locked世界 2

Authentication

学习 client authentication 的 building blocks:auth flow、login validation、fake auth API、access/refresh token model、session state、protected screens、session restore、refresh token concept 和 final Auth Client App。

What you will build

Add registration, sign-in, tokens, and protected screens.

Complete World 7 at 100% to unlock World 8.

时长
9 小时 15 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6550%
开始课程
World 9 · World locked世界 2

State Management

关于 app state modeling 的实战课程。学习 source of truth、derived state、immutable updates、actions、reducer mental model、global store mock、course progress store、optimistic local store 和 final Learning Store App。

What you will build

Manage shared application state without chaos.

Complete World 8 at 100% to unlock World 9.

时长
9 小时 20 分钟
模块
4
课时
9
进度0 / 9 课时
XP 银行: 0/6600%
开始课程
World 10 · World locked世界 2

Testing 与 Debugging

练习调试真实 React Native issues:error reading、debug panels、validation test cases、component scenarios、counter bugs、stable list keys、error boundary concept 和 final Debug Lab App。

What you will build

Find defects, test flows, and make the app reliable.

Complete World 9 at 100% to unlock World 10.

时长
8 小时 30 分钟
模块
4
课时
9
进度0 / 9 课时
XP 银行: 0/6100%
开始课程
World 11 · World locked世界 2

Publishing

准备 mobile app 发布。完成 publishing flow、app metadata、versioning、EAS build profiles、permissions/privacy notes、pre-release QA、store listing preview 和 final Release Manager App。

What you will build

Prepare a build and take the app through release.

Complete World 10 at 100% to unlock World 11.

时长
8 小时
模块
3
课时
8
进度0 / 8 课时
XP 银行: 0/5700%
开始课程
World 12 · World locked世界 2

Portfolio Projects

学习如何把 apps 变成强作品集 case studies。构建 portfolio strategy、project briefs、MVP scope、demo checklists、GitHub README previews、case study cards、project lists 和 final Portfolio Builder App。

What you will build

Build complete applications and present the results.

Complete World 11 at 100% to unlock World 12.

时长
8 小时 20 分钟
模块
3
课时
8
进度0 / 8 课时
XP 银行: 0/5950%
开始课程
World 13 · World lockedPro 已锁定奖励世界

Habit Tracker App

Premium real-app course:构建 portfolio-ready Habit Tracker。你将完成 brief、dashboard、HabitCard、add form、complete-today flow、progress bar、filters、empty/reset states 和 final app。

What you will build

A habit tracker with state, persistence, and daily progress.

Complete World 12 at 100% to unlock World 13.

US$19.00
时长
9 小时 15 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6650%
创建账号并继续
World 14 · World lockedPro 已锁定奖励世界

Weather App with API

Premium API-driven app course。构建 Weather App:project brief、fake weather API、city search、loading/error/success states、WeatherCard、forecast list、saved cities、retry states 和 final app。

What you will build

A weather application with API data, loading, and interface states.

Complete World 13 at 100% to unlock World 14.

US$19.00
时长
9 小时 35 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6850%
创建账号并继续
World 15 · World lockedPro 已锁定奖励世界

Mini Shop App

Premium commerce app course。构建 product catalog、ProductCard、add-to-cart logic、quantity controls、cart total、checkout form、empty cart state 和 final Mini Shop App。

What you will build

A mini shop with product cards, cart state, and a checkout flow.

Complete World 14 at 100% to unlock World 15.

US$19.00
时长
9 小时 40 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6900%
创建账号并继续
World 16 · World lockedPro 已锁定奖励世界

Auth Client App

Premium authentication app course。构建 login/register UI、fake auth API、session provider mock、protected dashboard、profile screen、refresh token flow、logout confirmation 和 final Auth Client App。

What you will build

A client app with registration, sign-in, and protected screens.

Complete World 15 at 100% to unlock World 16.

US$19.00
时长
10 小时 55 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6350%
创建账号并继续
World 17 · World lockedPro 已锁定奖励世界

AI Chat App

Premium AI/chat app course。构建 message model、ChatBubble、prompt composer、fake AI API、assistant loading state、safe hint mode、error/retry flow 和 final AI Chat App。

What you will build

A chat application with AI integration and a modern mobile interface.

Complete World 16 at 100% to unlock World 17.

US$19.00
时长
9 小时 35 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6850%
创建账号并继续
World 18 · World lockedPro 已锁定奖励世界

MVP 从想法到发布

Premium product/business course:把 idea 变成 launchable MVP。构建 idea scorecard、problem statement、user stories、MVP scope、prototype map、roadmap、launch checklist、pricing 和 final MVP Launch Planner App。

What you will build

Your own MVP, from scoping the idea to build, release, and presentation.

Complete World 17 at 100% to unlock World 18.

US$19.00
时长
9 小时 25 分钟
模块
3
课时
9
进度0 / 9 课时
XP 银行: 0/6800%
创建账号并继续