东方耀 手把手教React Native实战开发视频教程+源码笔记（全237集）

这套资料的主题很明确：用 React Native 把一个完整应用从零搭起来。它属于「边写边讲」的类型，讲一段、敲一段、跑一段，而不是先铺完 API 再动手。对已经会 JavaScript、但没真正用 RN 做过项目的开发者来说，这种节奏的价值在于——你能看到组件怎么拆、状态往哪放、原生能力怎么接，而不是只记住某个组件的属性表。

技术栈与知识前置

内容围绕 React Native 展开，底层是 React 的组件模型和 JSX，所以前置门槛集中在三块：ES6 的模块、解构、箭头函数与 Promise/async；React 的状态与生命周期（或 Hooks）思路；以及最基础的 flex 布局概念。RN 的样式系统是 flex 子集，不理解 flex 主轴交叉轴，写出来的界面基本靠试。

与纯 Web 不同的地方，课程里会反复出现：没有 DOM，没有 CSS 选择器，样式是 JS 对象；布局单位是无量纲的 dp；列表要用 FlatList 而不是 map 堆 View。这些都是从 Web 迁过来时最容易踩的点，也是判断一份 RN 资料值不值得跟的标尺。

项目结构与可复用模块

实战课的骨架通常由几类模块拼起来，这套资料也不例外：页面容器与导航层、可复用 UI 组件（按钮、卡片、加载态、空态）、数据请求与本地缓存层、以及设备能力调用（存储、网络状态、原生模块桥接）。真正值得对照的不是某个页面写了多少行，而是这几层的边界怎么划。

• 组件层：受控与非受控的取舍、props 校验、样式抽离方式。
• 导航层：页面栈与参数传递，返回时的状态保持。
• 数据层：请求封装、错误与加载态的统一处理、缓存策略。
• 原生层：需要桥接时的调用位置与降级方案。

源码和章节笔记放在一起，实际用途是「对照」：视频里某一步跑不通，翻笔记看当时的写法，比反复拖进度条高效得多。

怎么用这份资料

不建议当剧集刷。可行的做法是：一集看完先别抄，自己按理解写一遍，跑不起来再回去对源码，把差异点记下来——差异往往就是知识点所在。项目类章节可以只跟主线，把与当前目标无关的样式细节跳过，回头再补。

每完成一个可运行的小项目，试着做两件事：把其中一两个组件抽成不依赖业务的通用件；把踩过的坑写成一句话记录。这两步比看完 237 集更能沉淀下来。

适合谁，不适合谁

适合：有 JS/React 基础，想通过一个完整项目摸清 RN 工程结构的开发者；需要一份可对照的源码做参考的人。不适合：完全没写过 JavaScript 的初学者，以及只想找现成 UI 库拼界面的人——这类需求用组件库文档更快。RN 的生态迭代快，课程里的依赖版本和当前最新版可能对不上，跑之前先看 package.json，遇到装不上的包优先查官方迁移说明，而不是硬改代码。

把它当作一份带讲解的工程参考，动手改、动手跑，才是这套资料的正确打开方式。