React Native JavaScript 基础
面向想要自信编写 React Native 代码的学习者的实战基础课程。你将练习 variables、objects、arrays、functions、conditions、state、inputs、validation、async logic,并完成 final Learning Tracker project。
Learning path
Start in World 1 and move forward in sequence. Every world proves a skill through practice and unlocks the next stage.
After the core worlds, practice workplace communication and junior task flow. Content is open to preview; progress, submissions, and XP require an account.
72 lessons for standups, PRs, code review, bug reports, GitHub/Slack, and writing tasks. Lessons are previewable; submissions and progress require sign in.
Kanban, GitHub submissions, standups, deadlines, review, and next-task unlocks. Scenarios are visible; execution requires an account.
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.
Continue your current world. Progress is saved and the next stage opens at 100%.
面向想要自信编写 React Native 代码的学习者的实战基础课程。你将练习 variables、objects、arrays、functions、conditions、state、inputs、validation、async logic,并完成 final Learning Tracker project。
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 lockedExpo 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构建一个小型 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学习 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使用 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构建 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学习 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关于 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练习调试真实 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准备 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学习如何把 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 lockedPremium 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 lockedPremium 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 lockedPremium 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 lockedPremium 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 lockedPremium 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 lockedPremium 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 lockedFilters remain available, while the recommended order always stays visible above.
World 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.
World 2
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.
World 3
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.
World 4
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.
World 5
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.
World 6
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.
World 7
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.
World 8
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.
World 9
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.
World 10
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.
World 11
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.
World 12
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.
World 13
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.
World 14
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.
World 15
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.
World 16
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.
World 17
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.
World 18
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.