ReactNative精解与实战（高清PDF 下载）

本书由资深架构师撰写，包含React Native框架底层原理，以及与iOS、Android混合开发案例，精选了大量实例代码，方便读者快速学习。主要内容分为两大部分，第I部分"入门"包括第1~9章，介绍React Native框架的基本原理与使用方法;第部分"进阶"包括第10~15章，介绍React Native框架的高阶开发与App部署相关知识。附录部分剖析了React Native的源码，可帮助读者研究React Native底层本质，还分享了一些 React Native框架学习的相关资源。

本书适合各类移动App开发人员，深入学习React Native框架可以使你开发一套 React Native源码同时部署到iOS平台与 Android平台。

本书主要内容

本书分为两大部分，第Ⅰ部分"人门"包括第 1～9章，介绍 React Native框架的基本原理与使用;第Ⅱ部分"进阶"包括第 10～15章，介绍 React Native 框架的高阶开发与 App 部署相关知识。

第1章介绍 React与 React Native框架产生的背景与原理，以及开发优势。第2 章介绍 Node.js 框架，并实战演示了React Native 开发环境的安装与配置。

第 3章介绍 React Native 框架的构成、工作原理、组件间通信以及生命周期，包括代码实战演示。

第4章介绍 React Native 页面布局开发使用的 CSS Flex，帮助读者掌握好 Rcact Native 框架中元素布局的基本方法。

第5章介绍 React Native 框架下iOS 平台与 Android平台环境配置与代码调试的方法，并对 React Native 框架的调试工具以及借助 Chrome 进行远程调试的方法进行了实战讲解。

第6章介绍 React Native 框架中常用的组件，如 View、TabBar、NavigatorIOS、 Image、Text、TextInput、WebView、ScrollView等。同时介绍了iOS平台与 Android平台的适配以及更适合的第三方组件。

第 7章介绍 React Native 框架重点 API的使用，包括提示框、App 运行状态、异步存储、相机与相册、地理位置信息、设备网络信息等 API，希望读者熟练掌握这些基础 API，进而能举一反三。

第8章介绍React Native 框架下的网络请求以及列表数据的绑定，这是开发 App 需要使用的技术重点。

第 9 章介绍 React Native 开发生态下一些常用的第三方组件，通过代码实战的方式进行讲解，并介绍了如何快速地找到自己的项目需要使用的第三方组件。

第 10 章结合 iOS 与 Android平台深入讲解了React Native框架的底层运行原理，并分别介绍了两个平台的部署与测试方法。

第 11章介绍 React Native 框架下 iOS平台的混合开发方法，通过混合开发，你可以在 React Native 框架下访问任何 iOS 原生平台。

第 12 章介绍 React Native 框架下 Android 平台的混合开发方法，以及案例分析。第 13章详细讲解 React Native 框架下 iOS 平台与 Android平台的消息推送原理，并介绍两个平台的清息推送实战。

第 14 章介绍项目最终打包前 App 的图标与启动图的设置，并介绍了如何通过第三方工具快速生成这些相关资源。

第 15 章介绍 React Native 性能调优的方法与技巧，以便在 App上架前测试以及后期 App 遇到性能问题时可以快速定位到问题所在。

本书附录简单剖析了React Native 的源码，希望能帮助你深入研究 React Native 框架的源码，以便能探究其底层本质。同时也分享了一些学习React Native框架的相关资源。

第1 章 Cingp-ter 1 React 与 React Native

简介

这一章我们将对 React与 React Native 的基本概念进行介绍。首先，详细介绍 React 产生的背景及 React 的框架．然后简单介绍 React 的底层实现原理，最后介绍 React Native 的基本概念。

你将对 React 与React Native框架的发展、框架之间的关系有一个基本的了解，具体的技术细节在后续的章节将有更加详细的讲解与实战解读。

1.1 React

简介

React框架最早孵化于Facebook内部，Jordan Walke是框架的创始人。React作为内部使用的框架，在2011年的时候用于Facebook 的新闻流（newsfeed），并于 2012年用在了Instagram项目上。在 2013年5月美国的 JSConf大会上，Facebook宣布 React框架项目开源。

图1-1为 GitHub上 React的开源项目截图

React框架产生的缘由是在当时的技术背景下，前端 MVC（Model-View- Controller）框架性能不能满足 Facebook 项目的性能需求以及扩展需求，所以 Jordan Walke 索性就自己着手开始写 React 框架，这种精神值得学习。

在当时Facebook 内部极其复杂的项目中，面临的一个问题是，在 MVC 架构的项目中当Model 和 View有数据流动时，可能会出现双向的数据流动，那么项目的调试以及维护将变得异常复杂。

React官方也说自己不是一个MVC框架，或者说React只专注于MVC框架设计模式中的 View 层面的实现。

为了大大减少传统前端直接操作 DOM的昂贵花费，React 使用Virtual DOM（虚拟 DOM）进行 DOM 的更新。

图1-2 为 React 框架的基本结构，清晰明了地描述出了 React 底层与前端浏览器的沟通机制。

React 的组件是用户界面的最小元素，与外界的所有交互都通过 state 和 props进行传递。通过这样的组件封装设计，使用声明式的编程方式，使得 React 的逻辑足够简化，并可以通过模块化开发逐步构建出项目的整体 UI。

React框架中还有一个重要的概念是单向数据流，所有的数据流从父节点传递到子节点。假设父节点数据通过 props 传递到子节点，如果相对父节点（或者说相对顶层）传递的 props 值改变了，那么其所有的子节点（默认在没有使用shouldComponentUpdate 进行优化的情况下）都会进行重新渲染，这样的设计使得组件足够扁平并且也便于维护。

【下载地址】

链接：https://pan.baidu.com/s/1mCpifoZyoYC3E9_z-1eidA

提取码：mnkf