React Native 精解与实战

《React Native 精解与实战》是我撰写并由机械工业出版社出版的 React Native 实战书籍,书中讲解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战,以及与 iOS、Android 平台的混合开发案例,精选了大量实例代码,方便读者快速学习。

主要内容分为两大部分,第一部分「入门」包括第 1 ~ 9 章,介绍 React Native 框架的基本原理与使用方法;第二部分「进阶」包括第 10 ~ 15 章,介绍 React Native 框架的高阶开发与 App 部署相关知识。附录部分剖析了 React Native 的源码,可帮助读者研究 React Native 底层本质,还分享了一些 React Native 框架学习的相关资源。

本书适合大前端、移动 App、混合移动开发人员阅读,深入学习 React Native 框架,掌握通过 React Native 框架开发的程序可以同时部署到 iOS 平台与 Android 平台。

本书同样适合想进入移动 App 开发领域的朋友,你可以从 React Native 框架开发同时接触到 iOS 平台与 Android 平台的开发,并且 React Native 框架的技术门槛比两个原生平台的技术门槛低很多,只需要在你掌握了 HTML、CSS、JavaScript 相关知识点后就可以动手开发跨平台的移动 App。

本书还同样适合已经在使用 React Native 框架开发移动 App 的朋友,书中很大的篇幅讲解了 React Native 框架的底层原理,可以帮助你更加深入地理解 React Native 框架的本质。而且与 iOS 平台、Android 平台的高阶混合开发部分,完全是代码实战的方式进行了讲解演示,学习起来会更加地直观。

去京东购买 去淘宝购买 去当当网购买 去亚马逊购买 去知乎购买 去豆瓣购买

此视频是书籍《React Native 精解与实战》的配套视频教程,课程对 React Native 框架的底层原理、组件、API 以及一些第三方组件进行了实战演示讲解,并结合完整项目的设计、开发、打包与发布,进行了知识点的整合实战学习。

建议配合书籍学习,书籍中原理性的东西讲解的比较清晰,而视频教程对于组件、API 等代码实战开发讲解的比较直观。

教程持续更新,以保证你能掌握到最新的 React Native 框架动态,请收藏以便随时查看课程更新。

已购买书籍同学关注微信公众号「devopenclub」联系后台免费获取课程配套视频教程。

立即查看完整视频教程

前言

✿第Ⅰ部分 入门✿

第 1 章 React 与 React Native 简介

1.1 React简介

1.2 React Native 简介

1.3 React Native 前置知识点

第 2 章 Node.js 简介与开发环境配置

2.1 Node.js 与 npm 简介

2.2 React Native 开发环境配置

2.2.1 安装 Node.js

2.2.2 安装 React Native

2.2.3 代码编辑器以及推荐插件

第 3 章 React Native 工作原理与生命周期

3.1 React Native 框架及工作原理

3.1.1 React Native 与原生平台通信

3.1.2 组件间通信

3.2 React Native 中的生命周期

3.3 本章小结

第 4 章 React Native 页面布局

4.1 CSS 3 简介

4.2 Flex 弹性盒模型

4.3 Flex 属性详解与实例

4.3.1 justify-content 属性

4.3.2 align-items 属性

4.3.3 align-self 属性

4.3.4 flex-direction 属性

4.3.5 flex-basis 属性

4.3.6 flex-wrap 属性

4.3.7 align-content 属性

4.3.8 flex-grow 属性

4.3.9 flex-shrink 属性

4.3.10 order 属性

4.3.11 flex-flow 属性

4.3.12 flex 属性

4.4 React Native 中的 Flex 属性

4.5 本章小结

第 5 章 React Native 开发调试技巧与工具

5.1 配置 iOS 开发环境

5.2 配置 Android 开发环境

5.3 常用调试属性的说明

5.4 Chrome 中远程调试代码

5.5 React Developer Tools 工具安装与应用

5.6 本章小结

第 6 章 React Native 组件详解

6.1 React Native 组件简介

6.2 视图组件

6.2.1 View 组件介绍

6.2.2 View 组件实例

6.3 底部导航 TabBar 组件

6.3.1 TabBar 组件介绍

6.3.2 iOS 平台下 TabBarIOS 组件实例

6.3.3 Android 平台下 TabBar 组件实例

6.4 iOS 与 Android 的页面跳转

6.4.1 NavigatorIOS 组件介绍

6.4.2 NavigatorIOS 组件实例

6.4.3 react-native-navigation 组件介绍

6.4.4 react-native-navigation 组件实例

6.5 Image 组件

6.5.1 Image 组件介绍

6.5.2 Image 组件实例

6.6 Text 组件

6.6.1 Text 组件介绍

6.6.2 Text 组件基本使用

6.6.3 Text 组件嵌套

6.6.4 Text 组件样式统一

6.7 TextInput 组件

6.7.1 TextInput 组件介绍

6.7.2 TextInput 组件实例

6.8 触摸处理类组件

6.8.1 TouchableHighlight 组件介绍

6.8.2 TouchableHighlight 组件实例

6.8.3 TouchableNativeFeedback 组件介绍

6.8.4 TouchableNativeFeedback 组件实例

6.8.5 TouchableOpacity 组件介绍

6.8.6 TouchableOpacity 组件实例

6.8.7 TouchableWithoutFeedback 组件介绍

6.9 Web View 组件

6.9.1 WebView 组件介绍

6.9.2 WebView 组件实例

6.10 ScrollView 组件

6.10.1 ScrollView 组件介绍

6.10.2 ScrollView 组件实例

6.11 本章小结

第 7 章 React Native API 详解

7.1 React Native API 简介

7.2 提示框

7.2.1 Alert 介绍

7.2.2 Alert 实例

7.3 App 运行状态

7.3.1 AppState 介绍

7.3.2 AppState 实例

7.4 异步存储

7.4.1 AsyncStorage 介绍

7.4.2 AsyncStorage 实例

7.4.3 登录状态处理

7.5 相机与相册 API

7.5.1 CameraRoll 介绍

7.5.2 相册/相机组件实例

7.6 地理位置信息

7.6.1 Geolocation 介绍

7.6.2 Geolocation 实例

7.7 设备网络信息

7.7.1 NetInfo 介绍

7.7.2 NetInfo 实例

7.8 本章小结

第 8 章 React Native 网络请求详解

8.1 RESTful API 简介

8.2 React Native 中的网络请求

8.3 ListView 组件

8.4 React Native 网络请求与列表绑定方案

8.5 本章小结

第 9 章 常用 React Native 开源组件详解

9.1 React Native 热门资源列表

9.2 React Native 接入微博、微信、QQ 登录

9.3 更加美观的组件库

9.4 React Native 图表

9.5 react-native-gifted-listview

9.6 react-native-vector-icons

9.7 本章小结

✿第Ⅱ部分 进阶✿

第 10 章 React Native 运行原理与部署调试

10.1 React Native 运行原理

10.2 iOS 平台部署与调试

10.3 Android 平台部署与调试

10.4 Android 模拟器简介

10.5 本章小结

第 11 章 iOS 平台与 React Native 混合开发

11.1 iOS 平台混合开发简介

11.2 iOS 平台混合开发原理详解

11.2.1 iOS 原生代码实现

11.2.2 iOS 项目编译设置

11.2.3 React Native 中调用混合开发代码

11.2.4 iOS 平台混合开发特性详解

11.3 iOS 平台混合开发实例

11.3.1 iOS 原生代码实现

11.3.2 React Native 调用混合开发代码

11.4 本章小结

第 12 章 Android 平台与 React Native 混合开发

12.1 Android 平台混合开发简介

12.2 Android 平台混合开发原理详解

12.2.1 Android 原生代码实现

12.2.2 Android 原生模块注册

12.2.3 Android 包定义

12.2.4 React Native 中调用混合开发代码

12.2.5 Android 平台混合开发特性详解

12.3 Android 平台混合开发实例

12.3.1 Android 原生代码实现

12.3.2 Android 包定义

12.3.3 Android 原生模块注册

12.3.4 React Native 调用混合开发代码

12.4 本章小结

第 13 章 React Native 消息推送

13.1 iOS 平台消息推送机制

13.2 Android 平台消息推送机制

13.3 React Native 极光推送实战

13.3.1 极光推送平台设置

13.3.2 React Native 插件安装与配置

13.3.3 理解标签、别名、Registration ID 概念

13.3.4 React Native 极光推送 API 与代码调用

13.3.5 服务器端进行消息推送请求

13.4 本章小结

第 14 章 iOS、Android 平台发布与热更新

14.1 App 图标与启动图

14.2 快速生成所有平台 App 图标与启动图的方法

14.3 iOS 项目打包并上架 AppStore

14.4 Android 平台打包与上架

14.5 React Native 热更新

14.6 本章小结

第 15 章 React Native 性能调优方法与技巧

15.1 性能调优基准参数

15.2 常见造成 App 性能低下的原因

15.3 查找性能问题以及调优方法

15.4 性能优化方法与组件

15.4.1 性能优化原则

15.4.2 使用特定平台组件

15.4.3 高性能第三方组件

15.4.4 资源优化

15.5 本章小结

附录 React Native 源码学习方法及其他资源