值不值得学:先确认它解决什么工作场景

这套资料主题是 React Native 跨端移动开发,核心要解决的工作场景很具体:用一套 JavaScript 代码同时产出 iOS 和 Android 应用,省掉养两套原生开发团队的成本。它适合公司已有 Web 前端或后端资源、需要快速试水移动端产品的团队,也适合个人开发者接外包时想兼顾两端。如果你当前工作只做纯 Web 后台系统,短期没有移动端需求,不必急着学;但如果你要处理 App 内嵌页面、做混合开发,或者想从 Web 前端转移动端,这套资料就是直接对口的学习材料。它不会教你怎么上架商店、怎么对接原生支付 SDK,重点放在基础语法和简单应用搭建上。

适合什么基础:建议先看哪几块

资料虽然标题写零基础,但这里的“零基础”指的是不要求你有 React Native 经验,不是说你完全没碰过编程也能直接上手。实际跟学时,你最好已经能写基本 JavaScript,了解函数、对象、数组方法,知道 React 里组件和 props 的概念;否则到状态管理那一节会卡住。建议打开资料后先看环境搭建和快速入门两块:环境搭建讲清楚 Expo CLI 和 RN CLI 两种创建应用方式,Expo 适合快速跑通 demo,RN CLI 适合需要深度定制原生模块的场景;快速入门那块覆盖基础组件、文本输入、列表渲染和屏幕滚动,是后面所有业务页面的地基。状态管理那节务必动手敲一遍,理解了数据怎么驱动视图刷新,后面写复杂表单才不会乱。

学完能独立做什么:资料怎么配合练习

按这套资料的覆盖范围走完,你能独立用 Expo 起一个移动端应用骨架,写出包含列表、表单、滚动视图的简单业务页面,并在模拟器里跑通基本交互。它不保证你能独立交付一个完整商业 App,因为路由、网络请求封装、原生模块桥接这些进阶内容不在基础范围内。配合练习时,建议每看完一个基础组件章节,就在本地新建一个空白 Expo 项目,把课程里的示例代码原样敲进去运行,再改一个参数看效果变化;状态管理和列表渲染那两节,最好结合自己实际工作中一个简单列表页需求来改写,比如把后台系统的某条列表搬到移动端布局。环境搭建部分如果遇到 Android Studio 安装卡顿,先跳过用 Expo 的云端模拟器跑通流程,别在环境配置上耗掉全部学习时间。


掌握ReactNative核心语法及简单应用

课程目录

*   01 课程介绍/

  *   01 课程介绍

*   02 ReactNative零基础——环境搭建/

  *   01 ReactNative零基础——初识ReactNative

  *   02 ReactNative零基础——学习工具准备

  *   03 ReactNative零基础——ExpoCLI&RNCLI

  *   04 ReactNative零基础——ExpoCLI创建应用

  *   05 ReactNative零基础——安装AndroidStudi

*   03 ReactNative零基础——快速入门/

  *   01 ReactNative零基础——基础组件

  *   02 ReactNative零基础——状态管理

  *   03 ReactNative零基础——文本输入组件

  *   04 ReactNative零基础——列表渲染及屏幕滚动

  *   05 ReactNative零基础——FlatList组件

  *   06 ReactNative零基础——触碰类组件

  *   07 ReactNative零基础——待办事项01

  *   08 ReactNative零基础——待办事项02

  *   09 ReactNative零基础——待办事项03

  *   10 ReactNative零基础——弹出框组件

  *   11 ReactNative零基础——关闭软键盘

  *   12 ReactNative零基础——弹性布局

  *   13 ReactNative零基础——引入图标

*   04 ReactNative零基础——好书推荐/

  *   01 ReactNative零基础——初始化项目

  *   02 ReactNative零基础——自定义字体

  *   03 ReactNative零基础——全局样式

  *   04 ReactNative零基础——安装导航器

  *   05 ReactNative零基础——堆栈导航器

  *   06 ReactNative零基础——切换屏幕

  *   07 ReactNative零基础——传递参数

  *   08 ReactNative零基础——导航配置

  *   09 ReactNative零基础——抽屉导航

  *   10 ReactNative零基础——自定义组件

  *   11 ReactNative零基础——动态加载本地图片

  *   12 ReactNative零基础——配置启动画面及应用图标