ReactNative入门与实战

内 容 提 要

本书共4部分，首先简要介绍了开发相关的基础知识。然后介绍了React Native 的 API、组件以及 Native 扩展和组件的封装，接着介绍了App 的动态更新和上架过程，最后通过 3个案例介绍了如何使用 React Native 开发原生 App。

本书适合想使用 React Native 开发原生应用的人阅读。

前 言

React Native开启了开发原生App的新方式，不仅提高了开发效率，同时提高了App的用户体验。相比Web App而言，React Native可以使用原生的组件和API，这样就可以释放Native的能力和体验;相比Native开发而言，前端开发者可以使用JavaScript开发原生应用，这样开发效率将会得到很大的提高。

本书目的

目前，国内针对React Native讲解的图书和资料都很少，阅读本书可以帮助你更好地开发React Native应用。或许你已经了解React Native的基本内容，或许你已经开始了React Native的开发之旅，无论如何，本书都希望可以带领大家拥抱React Native，使用React Native。当然，本书也希望弥补中文资料在这方面的欠缺。

内容和组织结构

本书的内容是我们在实践过程中总结得到的，一共分为4部分。

第一部分为基础语法篇，共两章内容，主要介绍了React Native的开发基础知识。

第1章介绍了React Native的环境搭建、React与React Native之间的关系，以及如何学习React Naive。

第2章主要介绍了React Native的开发基础知识，包含Nexbox布局、JSX语法，并且详细介绍了React Native创建项目的过程。

第二部分为API和组件篇，共4章内容，主要介绍了React Native的API、组件以及Native扩展和组件的封装。

第3章介绍了React Native常用组件，包含View组件、Text组件、NavigatorIOS组件、TextInput组件、Touchable类组件（TouchableHighlight、TouchableOpacity和TouchableWithouFeedback） Image组件、TabBarIOS组件和WebView组件。

第4章介绍了React Native常用的API，包含AppRegistry、AsyncStorage、AlertIOS、ActionSheetIOS、 PixelRatio、AppStatelOS、StatusBarlOS、NetInfo、CameraRoll、VibrationIOS、Geolocation、网络数据请求的应用以及定时器和动画。

第5章介绍了React Native的实现原理以及在原生组件和API上的扩展．并且以一个"图表"组件为案例进行实战讲解。

第6章介绍了使用JavaScript封装React Native组件，主要实现了二级菜单组件、日历组件以及初步介绍了开源组件的用法。

第三部分为App更新和上架篇，共一章内容。第7章介绍了App的动态更新和上架过程。

第四部分为实战篇，共3章内容，介绍了如何使用React Native开发原生App。第8章介绍了使用React Native和Node.js开发企业内部通讯录应用——"百灵鸟"App。第9章介绍了使用React Native Geolocation API和高德地图API开发LBS应用——"附近"App第10章介绍了使用豆瓣开放API开发一款搜索App，主要包含图书、电影和音乐搜索。

本书特色介绍

本书的特色主要在于理论结合实战，读者不仅可以了解ReactNative的API和组件，同时可以通过案例和实战深入学习。

第一部分基础语法篇

口 第1章 React Native简介

口第2章 React Native开发基础

第1章 React Native简介

ReactNative一经Facebook开源，就引起了业界的关注，越来越多的开发者开始尝试在生产中使用它。React Native为JavaScript开发跨终端应用提供了更加丰富的想象空间。下面就开始我们的React Native开发之旅吧。

1.1 环境搭建

工欲善其事，必先利其器。首先，我们需要搭建开发环境（整本书都是以Mas OS X系统为基础的）。React Native主要依赖的环境如下所示。

口 Mac OS X操作系统。

口推荐使用Xcode 6.4或者更高版本。口安装Node.js 4.0或者最新版本。

口 建议使用Homebrew安装∶ watchman和flow。下面我们一步步来安装开发环境。

1.1.1 安装Node.js

打开浏览器，在浏览器中输入地址ttps∶/nodejs.org/，此时打开的是Node.js的官网．从中可以看到最新的版本以及下载按钮。

这里下载的是node-v4.1.0.pkg。等待下载完成后，我们开始安装Nodejs。双击node-v4.1.0.pkg文件，将弹出如图1-1所示的界面。

在图1-1中，我们J可以看到Thispackage will install Node.js v4.1.0andnpmv2.14.3 into/usr/local/这句话．这表明将会安装Node.js 4.1.0版本和npm 2.14版本.

接着点击"维续"按钮，会看到许可界面、再点击"继续"按钮，将看到许可提示，如图1-2所示

在图1-4中，我们不更改安装位置，直接使用默认值即可 然后点击"安装"按钮。输入你的电脑的密码（一般用户都设置了电脑密码）。再点击"安装软件"开始安装程序。如图1-5所示，这里显示了"安装成功"，表示Node.js安装成功，此时直接点击"关闭"按钮即可。

链接：https://pan.baidu.com/s/10tcEWmwXrEu8BSGyfbLfLw

提取码：fifi