但凡经历过跨平台移动应用开发的开发者都会有一种无赖的感觉—把同一套UI界面、业务逻辑在不同的平台上各实现一遍实在是耗时耗力而又没有什么创新的工作。多年以来，业内很多专家都会希望能将多个移动平台上的应用开发统一到同一个框架下。但这些尝试因为不能做到最好的“原生体验”而不被开发者认同。

15年，Facebook公司的一帮天才工程师终于推出了React Native，测底解决了这个问题。不仅如此，Facebook公司还开源了整个项目，让更多的移动应用开发者能参与React Native的演进过程，并在给自己的移动应用开发中使用React Native进行跨平台移动应用开发。

二、三年前，国内经历了一段iOS开发人员奇缺的时间，毫无疑问，马上国内会面临React Native开发人员短缺的情况。你还在犹豫什么呢？

育知同创React Native公开课／录播课／V1.0

第一部分 基础语法篇

1. 初识React Native(Learn once, Write anywhere)

1. 为什么学习React Native

2. React Native开发特点

3. 如何学习React Native

4. React Native开发环境配置

5. 代码编辑环境搭建

6. React Native Dev tool安装

7. Android Studio环境安装以及配置

8. Xcode安装

9. 如何初始化一个React Native项目

10. 如何将React Native项目运行在Android和iOS上

11. 如何调试

1. 如何通过盒子模型实现简单布局

1. HTML标签简单介绍

2. CSS的使用

3. 盒子模型深入讲解

4. display，position，float属性讲解

5. 如何通过盒子模型实现传统布局

1. flexbox布局

1. flexbox和盒子模型对比介绍

2. 伸缩容器属性案例剖析

• display

• flex-direction

• flex-wrap

• flex-flow

• justify-content

• align-items

• align-content

1. 伸缩项目属性

• order

• flex-grow

• flex-shrink

• flex-basis

• flex

• align-self

1. React中的JSX

• JSX入门

• JSX实战之ReactJS

• JSX实战之React Native

第二部分 ECMAScript 

第三部分 API和组件篇

1. View组件和Text组件

1. View组件的颜色和边框

2. View组件的阴影与其他视觉效果

3. View组件的变形

4. View组件的回调函数

5. View组件的其他属性

6. 设备放置状态、根View与onLayout回调函数

7. pointerEvents属性

8. 案例：九宫格实战

1. Text组件

1. 样式键设置

2. 其他属性

3. Text组件的嵌套

4. 文本显示的阴影效果

5. Text居中显示

6. 图文混排

7. Text组件在两个平台上的不同表现

1. Image组件

1. 加载网络图片

2. 加载静态图片资源

3. 加载资源文件中的图片

4. 动态加载手机中的图片资源

5. Image组件的样式

6. Image组件的显示特性

7. Image其他属性

1. TextInput组件（上）

1. TextInput组件样式键

2. TextInput组件的属性

3. TextInput组件在iOS平台的专有属性

4. TextInput组件在Android平台的专有属性

5. TextInput组件的成员函数

6. TextInput组件在两个平台上的不同表现

1. TextInput组件的生命周期与组件的引用（中）

1. 获得焦点

2. 用户输入

3. 用户按下提交键

4. 失去焦点

5. 软键盘与键盘事件

6. 定义组件引用

7. 得到系统定义的组件引用

8. 调用组件的公开成员函数

9. 重新设定组件的属性

10. 获得组件的位置

1. TextInput实践（下）

1. 案例：自增长的TextInput组件扩展

2. 案例：搜索自动提示

1. 跨平台状态栏组件

1. StatusBar组件属性

2. StatusBar组件使用实例

3. 手机状态栏在开发中的处理

4. StatusBarIOS API

1. ScrollView和ListView（上）

1. ScrollView组件属性

2. ScrollView组件iOS平台专有属性

3. ScrollView组件Android平台专有属性

4. ScrollView组件的公开成员函数

5. RefreshControl组件

6. ScrollView组件基本用法

7. ListView组件的回调函数

8. ListView组件的其他函数

9. ListView组件的成员函数

1. ScrollView和ListView（中）

1. 列表的数据源

2. 声明状态机变量

3. 将数据源中的数据拷贝到DataSource中

4. 定义如何渲染列表中的每一行

5. 实现简单的列表

6. 列表高度处理

1. ScrollView和ListView（下）

1. 数据源

2. 声明状态机变量

3. 将数据源中的数据拷贝到DataSource中

4. 定义如何渲染每个分栏

5. 定义如何渲染首、尾栏

6. 列表间隔渲染

7. 实现带分段标志的列表

1. ProgressBarAndroid组件

1. ProgressBarAndroid组件样式设置

2. ProgressBarAndroid其他属性

3. Android平台等待指示条

4. React Native框架中定时器的使用

5. Android平台进度条

1. iOS进度条组件／iOS平台等待指示器

1. ProgressViewIOS组件样式设置

2. ProgressViewIOS其他属性

3. iOS平台进度条

4. ActivetyIndicatorIOS组件样式设置

5. ActivetyIndicatorIOS其他属性

6. iOS平台ActivetyIndicatorIOS案例

1. Switch组件

1. Switch组件样式设置

2. Switch其他属性

3. Switch组件的使用

1. NavigatorIOS／Navigator组件

1. NavigatorIOS／Navigator介绍

2. 导航组件的属性

3. 回调函数

4. 其他属性

5. 导航器

6. NavigationBar的使用

7. 案例：列表页跳转详情页

8. 案例：正向反向传值

1. 可触摸组件

1. 可触摸组件类型

2. TouchableHighlight组件

3. TouchableOpacity组件

4. TouchableWithoutFeedback组件

5. 其他属性

1. 手势识别

1. PanTesponder API

2. 监视器

3. 监视事件的声明周期

4. 案例：单点手势－拖动选择百分比参数

5. 案例：单点手势－带导槽的华东来电接听或拒接界面

6. 案例：单点手势－滑动解锁界面

7. 案例：单点手势－单点任意方向拉动选择界面

8. 双点触摸

1. TabBarIOS

1. TabBarIOS组件介绍

2. 案例：类微信Tab切换

1. WebView组件

1. WebView组件样式设置

2. 非回调函数属性

3. 回调函数属性

4. 平台独有属性

5. WebView组件成员函数

6. 案例：加载微博页面

7. 案例：加载本地网页

8. 案例：Github OAuth认证

1. 选择器

1. DatePickerAndroid API

2. TimePickerAndroid API

3. DatePickerIOS组件

4. Picker组件的样式设置

5. Picker组件的属性

6. Picker.Item组件属性

7. Picker案例

8. PickerIOS

1. MapView组件

1. MapView组件样式设置

2. MapView组件特有的跨平台属性

3. MapView案例剖析

4. Geolocation （定位）

1. 常用API（上）

1. AppRegistry属性

2. AppRegistry示例

3. AsyncStorage介绍

4. 案例：购物车

5. AlertIOS介绍

6. AlertIOS组件应用

7. ActionSheetIOS介绍

8. ActionSheetIOS应用

9. PixelRatio介绍

10. PixelRatio应用

1. 常用API（中）

1. AppStateIOS介绍

2. AppStateIOS应用

3. NetInfo介绍

4. NetInfo应用

5. VibrationIOS （微信摇一摇）

6. 数据请求之XMLHttpRequest

7. 数据请求之Fetch

1. 图片的遍历、存取和显示

1. React Native开发中iOS平台链接库的使用

2. 获取手机中所有的图片信息

3. Android平台图片信息

4. iOS平台图片信息

5. 显示从CameraRoll API得到的图片

6. 为用户提供图片选择界面

7. 保存图片数据

8. 读取并显示图片

1. 组件封装

1. 二级菜单封装

2. 日历封装

3. 开源组件

1. 组件生命周期

2. 数据存储

3. 日记项目实战

4. 网络

1. 获取网络状态

2. 通过HTTP、HTTPS与网络侧交换数据

3. 在React Native开发中使用AJAX技术

第四部分 混合开发基础篇

1. iOS平台混合开发

1. 为什么需要混合开发

2. 与iOS侧原生代码消息互通

3. React Native代码到iOS原生代码的消息

4. iOS代码到React Native代码的消息

5. 与iOS OC原生代码界面的切换

6. 应用初使界面设定

7. iOS混合开发中传递的参数类型

8. 混合开发中的多线程使用

9. 原生代码实现Promise机智

10. 跨语言常量

1. Android平台混合开发

1. 与Android原生代码消息互通

2. React Native代码到Android原生代码的消息

3. Android代码到React Native代码的消息

4. 与Android原生代码界面的切换

5. 应用初使界面设定

6. Android混合开发中传递的参数类型

7. 回调函数和Promise机制

8. 监听ActivityResult与Android生命周期时间

9. 混合开发中多线程的使用

10. 跨语言常量

第五部分 混合开发高级篇

1. 混合开发高级篇（上）

1. 使用Objective-C语言创建私有的React Native组件

1. 混合开发高级篇（中）

1. 使用Swift语言创建私有的React Native组件

1. 混合开发高级篇（下）

1. 使用Android SDK语言创建私有的React Native组件

第六部分 项目实战篇

1. 企业内部通讯录应用开发

2. YZGithub

3. 高仿拉勾网

第七部分 项目配置、发布、更新篇

1. iOS平台项目配置

2. iOS平台项目发布

3. Andoroid平台项目配置

4. Android平台应用生成发布版本安装包

1. 生成发布秘钥

2. 修改gradle配置文件

3. 生成发布版本安装包

1. 热更新

1. 初始化设置

2. 更新逻辑

3. 回滚策略