React Native入门与实战 React实践指南 App动态更新上架管理 JavaScript网页开发 Ios开发 Android开发原生应用 人民邮电

书名：React Native入门与实战

作者：王利华，魏晓军，冯诚祺 著

出版社：人民邮电出版社

出版时间/版次：2016-1-1

印刷时间/印次：2016-1-1

开本：16开

页数：454

装帧：平装

ISBN(咨询特价)

定价：(咨询特价)

编辑推荐

国内第1React Native原创图书，携程框架团队倾力打造 详尽基础 + 大量案例，帮助零基础读者实现跨终端App开发 移动解决方案，前端开发利器，一本书玩转React Native

内容简介

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

作者简介

王利华，vczero，携程无线框架高级工程师，HTML5培训讲师，主要负责框架组件性能优化、新一代框架研发。2013～2015年在高德地图负责Node.js服务和JavaScript API相关的研发。

魏晓军，携程框架研发部研发经理，负责携程无线前端框架团队。2011年加入携程，先后从事携程PC端前端框架、数据可视化框架、无线端前端框架等开发工作。现负责携程无线前端框架的开发和性能优化等工作。

冯诚祺，携程框架研发部高级iOS研发工程师，负责移动端用户行为以及性能数据的统计SDK、数据分析支持。正在修行，朝着全栈的方向努力着。

精彩书评

React Native的诞生很好地诠释了“鉴往知来”。Facebook采用全新的设计理念，为App开发开辟了React Native这一新途径。现在，作者们将这门新技术带给了中国的开发人员。

——Eric Ye，携程旅行网CTO

如果说现在是互联网的天下，我猜将来还会是互联网的天下。Native App、HTML5、Hybrid等移动技术都将成为过往云烟，有互联网思维的移动技术（如React Native）将会大展身手。

——吴其敏，携程旅行网框架部负责人，高级研发总监

React Native是一项非常棒的技术，它独特的思路帮助我们找到了一个性能和可维护性的平衡点。Facebook投入了大量资源在React Native的发展上，我们已经看到很多知名App中都使用了这项技术。它同时拥有Native App的性能和Hybrid App的可维护性，受到开发人员热捧。本书作者花费大量时间研究React Native对于企业App的价值，书中的内容对于有一些前端基础的同学应该很容易理解。希望这本书能帮助降低App开发的门槛，我们也希望能和大家多多交流经验。

——储诚栋，携程旅行网前端框架研发总监

移动技术发展飞速，Native与HTML5的竞争也由来已久。从PhoneGap开始，大家一直在寻找Hybrid的方式来实现App快速开发，同时设法保持良好的用户体验。2015年Facebook推出的React Native是性的技术框架，突破了Native与HTML5的界限，将近乎Native的流畅体验和JavaScript的开发效率完美结合。携程框架团队抢先采用这项技术并应用到线上App开发中，其中的实践经验无疑值得国内移动开发者借鉴，推荐大家阅读这本书，一起追求新技术的价值。

——陈浩然，携程旅行网无线研发总监

React Native是React.js的胜利，也是JavaScript以及杰出Web开发体验的胜利，更是技术大融合的胜利。我相信作者在React Native方面的经验和心得都浓缩在这本书里，而且能够及时看到一本React Native中文书，感觉如此亲切。推荐大家细细阅读，认真实践。

——赵锦江（勾股），阿里技术专家

React Native的设计目标是既具有Web的开发体验和发布能力，又具备Native的人机交互体验，它在行业里掀起了一股Native和Web融合探索的热潮。本书涉及话题较全面，既介绍了作为基础的React、组件、API，又涉及更深入的组件扩展和封装，后三章的真实案例定能让读者受益匪浅。

——徐凯（鬼道），阿里技术专家

目录

序 8

前言 9

本书目的 9

内容和组织结构 9

本书特色介绍 10

源代码 10

致谢 10

第1章 React Native简介 12

1.1 环境搭建 12

1.1.1 安装Node.js 12

1.1.2 安装React Native 17

1.1.3 使用NVM管理Node.js版本 18

1.1.4 创建项目 20

1.2 从React 到 React Native 25

1.2.1 React简介 26

1.2.2 React Native简介 31

1.3 为什么要使用React Native 36

1.4 如何学习React Native 36

1.5 说明 37

第2章 React Native开发基础 37

2.1 flexbox布局 37

2.1.1 介绍 37

2.1.2 布局模型 38

2.1.3 伸缩容器属性 38

2.1.4 伸缩项目属性 60

2.1.5 在React Native中使用flexbox 72

2.1.6 实例 74

2.2 React中的JSX 82

2.2.1 JSX入门 83

2.2.2 JSX实战之ReactJS 91

2.2.3 JSX实战之React Native 116

2.3 React Native开发向导 120

2.3.1 配置文件 120

2.3.2 运行 125

2.3.3 调试 127

2.3.4 内部发布 134

2.4 参考资料 135

第3章 常用组件介绍及实践 136

3.1 View组件 136

3.1.1 View介绍 136

3.1.2 案例：九宫格实现 136

3.2 Text组件 146

3.2.1 Text组件介绍 147

3.2.2 案例：网易新闻列表展示 147

3.3 NavigatorIOS组件 157

3.3.1 NavigatorIOS组件介绍 158

3.3.2 案例：列表页跳转详情页 159

3.4 TextInput组件 163

3.4.1 TextInput组件介绍 163

3.4.2 案例：搜索自动提示 164

3.5 Touchable类组件 174

3.5.1 TouchableHighlight组件 175

3.5.2 TouchableOpacity组件 177

3.5.3 TouchableWithoutFeedback组件 179

3.6 Image组件 179

3.6.1 Image组件介绍 179

3.6.2 加载网络图片 180

3.6.3 加载本地图片 185

3.7 TabBarIOS组件 186

3.7.1 TabBarIOS组件介绍 186

3.7.2 案例：类QQ Tab切换 187

3.8 WebView组件 192

3.8.1 WebView组件介绍 192

3.8.2 案例：使用WebView组件加载微博页面 193

3.8.3 案例：新浪微博OAuth认证 196

第4章 常用API介绍及其实践 199

4.1 AppRegistry 200

4.1.1 AppRegistry介绍 200

4.1.2 AppRegistry示例 200

4.2 AsyncStorage 202

4.2.1 AsyncStorage介绍 202

4.2.2 案例：购物车 203

4.3 AlertIOS 217

4.3.1 AlertIOS 217

4.3.2 AlertIOS组件的应用 217

4.4 ActionSheetIOS 221

4.4.1 ActionSheetIOS介绍 221

4.4.2 ActionSheetIOS应用 221

4.5 PixelRatio 225

4.5.1 PixelRatio介绍 225

4.5.2 PixelRatio应用 226

4.6 AppStateIOS 227

4.6.1 AppStateIOS介绍 227

4.6.2 AppStateIOS实例 228

4.7 StatusBarIOS 228

4.7.1 StatusBarIOS介绍 228

4.7.2 StatusBarIOS应用 229

4.8 NetInfo 231

4.8.1 NetInfo介绍 231

4.8.2 NetInfo示例 231

4.9 CameraRoll 232

4.9.1 CameraRoll介绍 232

4.9.2 CameraRoll应用 233

4.9.3 react-native-camera 243

(咨询特价) VibrationIOS 247

(咨询特价).1 VibrationIOS 247

(咨询特价) Geolocation 248

(咨询特价).1 Geolocation介绍 249

(咨询特价).2 Geolocation应用 249

(咨询特价) 数据请求 252

(咨询特价).1 XMLHttpRequest 252

(咨询特价).2 Fetch 253

(咨询特价) 定时器 254

(咨询特价).1 setTimeout 254

(咨询特价).2 setInterval 255

(咨询特价).3 setImmediate 255

(咨询特价).4 使用requestAnimationFrame开发进度条 256

(咨询特价).6 完整代码 258

第5章 Native扩展 258

5.1 通信机制 258

5.1.1 模块配置映射 258

5.1.2 通信流程 261

5.2 自定义Native API组件 264

5.2.1 模块和方法定义 264

5.2.2 回调函数 267

5.2.3 线程 269

5.2.4 常量导出 270

5.2.5 事件 272

5.2.6 实战 273

5.3 构建Native UI组件 280

5.3.1 概述 281

5.3.2 UI组件的定义 281

5.3.3 UI组件属性 282

5.3.4 组件方法 284

5.3.5 事件 285

5.3.6 实例 288

第6章 组件封装 298

6.1 二级菜单组件 299

6.1.1 静态组件的实现 299

6.1.2 实现组件的复用和封装 305

6.1.3 应用二级菜单组件 320

6.2 日历组件 322

6.2.1 开发日历组件 323

6.2.2 应用日历组件 337

6.3 开源组件 340

6.3.1 react-native-swiper 340

6.3.2 react-native-modal 346

第7章 热更新和上架 353

7.1 动态更新 353

7.1.1 初始化设置 353

7.1.2 更新逻辑 355

7.1.3 回滚策略 358

7.2 App上架 359

7.2.1 证书生成 359

7.2.2 注册应用 367

7.2.4 上传应用 370

第8章 企业内部通讯录应用开发 373

8.1 需求提出 373

8.2 技术架构 375

8.3 服务器端设计和开发 376

8.3.1 服务器端整体设计 376

8.3.2 用户数据模型设计 377

8.3.2 公告数据模型设计 379

8.3.3 服务路由设计 380

8.3.4 创建项目 380

8.3.5 app.js入口文件 382

8.3.6 加载服务模块到内存 385

8.3.7 工具类开发 386

8.3.8 用户信息接口 387

8.3.9 公告消息接口 394

8.4 客户端设计和开发 397

8.4.1 客户端设计 397

8.4.2 工具组件和服务 400

8.4.3 添加依赖库 402

8.4.4 程序入口和登录 404

8.4.5 列表 416

8.4.6 公告功能 428

8.4.7 管理功能 437

8.4.8 关于 464

8.4.9 建议 467

第9章 基于LBS的应用开发 468

9.1 功能设计 468

9.1.1 需求确定 468

9.1.2 开发目录结构 469

9.2 程序入口和工具模块 470

9.2.1 注册应用程序 470

9.2.2 工具模块 471

9.2.3 Nearby组件入口 473

9.3 列表组件开发 478

9.3.1 通用列表组件开发 478

9.3.2 完成列表页 489

9.4 详情页组件开发 496

9.5 WebView地图模块开发 500

9.7 综合效果 505

第10章 豆搜App 506

10.1 豆瓣API 506

10.1.1 熟悉豆瓣API 507

10.1.2 图书、电影、音乐API 508

10.2 应用设计 510

10.2.1 功能设计 510

10.2.2 模块划分 511

10.3 公共模块开发 512

10.3.1 工具类开发 512

10.3.2 服务列表 514

10.3.3 Navigator封装 515

10.3.4 公共头封装 516

10.3.5 WebView封装 519

10.3.6 搜索框封装 521

10.4 功能开发 523

10.4.1 入口组件 523

10.4.2 图书列表页开发 525

10.4.3 图书详情页开发 534

10.4.4 电影模块开发 538

10.4.5 音乐模块开发 546

10.5 完成豆搜App 553

···············