从零学习 React Native：先学什么，怎么不迷路

给初学者的 React Native 实用路线：JavaScript 基础、组件、state、navigation、API 和第一个作品集项目。

这篇文章面向 NativePath 学习者和正在规划移动产品的人。重点不是堆关键词，而是把 React Native 学习变成可以验证、可以解释、可以放进项目里的能力。

为什么这个主题重要

从零学习 React Native 最重要的是顺序清楚：先掌握会用到的 JavaScript，再理解 component、state、navigation 和 API。很多初学者一开始就追逐太多库，结果每个概念都只会复制。早期目标应该是做出一个小应用，并能解释数据从哪里来、页面为什么变化。

移动开发学习只有和一个屏幕、一个用户动作、一个可验证的结果连起来，才真正有用。把 scope 控制到可以完成，但又要足够真实，让你学习产品行为，而不只是学习语法。

如何处理这个问题

先从用户路径开始，再选择工具。想清楚 learner 或 customer 第一眼看到什么，需要哪些数据，流程可能在哪里失败。这样可以避免初学者常见的问题：写了很多零散 snippet，却不理解移动应用作为一个完整 flow 如何运行。

可以从 habit tracker 或 weather app 开始。加入 list、form、loading state 和一个简单 API call。项目不大，但会训练移动端思维：小屏幕、键盘、空状态和真机表现。

实用拆解

检查清单

• 选择一个小 screen 或 flow;
• 除了正常路径，也测试一个失败场景;
• 把结果连接到作品集项目;
• 如果解释还模糊，就缩小范围重新做一次;

一个实用 checkpoint 是：你能不能用简单语言解释 tradeoff。如果答案依赖一段你不理解的 snippet，就放慢速度，重新做最小版本。如果你改变一个条件后仍能预测结果，说明这个主题开始变得真正实用。

如何在 NativePath 中使用

可以用 /zh/courses 走结构化路线；用 /zh/games 做短练习；需要检验速度和准确率时，再打开 /zh/arena。 记录哪里坏了、你测试了什么、下一版会改进什么。这个习惯会把 tutorial 练习变成 portfolio 证据。

继续学习前

当你能展示一个小的可运行例子，说出一个 edge case，并解释当前 scope 为什么适合这个方案时，就可以继续下一步。现在不需要完美 app。你需要的是清晰的下一步，以及能通过真机检查的结果。

练习路线

从零学习时，最稳的顺序是：JavaScript 基础、React component、React Native 的 View/Text/StyleSheet、state、表单、导航、API 和一个小作品集项目。每一步都要做成可运行的小 flow，而不是只保存代码片段。比如学习 state 时做计数器还不够，最好加入输入框、列表和一个清空动作。

如果你已经会一部分基础，不需要假装从 lesson 1 开始。可以用小测试判断薄弱点，再从合适的主题进入。但跳过不等于完成：没有做过的 lesson 不应该自动计入进度或 XP。

常见错误

不要把学习路线变成无尽的视频列表。React Native 的进步来自反复做小而完整的 flow：输入、状态变化、列表渲染、错误处理、导航和一次真实设备检查。每个主题学完后，都应该能回答：用户做了什么，界面为什么变了，失败时会怎样。

如果一个概念解释不清，不要急着换下一个库。把例子缩小到一个 screen，再逐步加回表单、列表或 API。这样基础会扎实得多。

自检问题

学完一段内容后，不要只问“我看懂了吗”。更好的问题是：我能不能从空文件重新写出一个小例子？我能不能解释 state 为什么改变？我能不能在真机上复现结果？这些答案比课程进度数字更可靠。