React Native-用JavaScript开发移动应用 内容简介

身出名门，fackbook开源巨献，一经推出，立即吹响前端攻城狮入侵移动开发城池号角；无论ios平台，还是android平台，react native均有望一举成为移动开发的上选语言；以bat为首的一线国内互联网企业均以快速跟进研发、实践，各方向求职被面到的几率大增；前端与移动开发融合，激进的react完全抛弃html和webview，一举解决渲染问题，js再建新王朝。

React Native-用JavaScript开发移动应用 本书特色

react native是当前移动端开发中的优秀解决方案。《react native：用javascript开发移动应用》围绕着如何将一个完整app提交到app store，讲解了使用react native开发ios应用所涉及的方方面面。首先介绍了flexbox布局，教大家从零开始搭建一个初始应用，以此阐明react native的基础运行机理；然后介绍了flux的设计思想，怎么理解和使用promise、fetch等新api，以及数据库sqlite存储方面的知识，以便让你对一个完整的app形成感性认识；*后讲解了怎样测试react native组件，并将完整的app发布到app store中。如果你对开发web端的原生移动应用感兴趣，《react native：用javascript开发移动应用》就是一本不容错过的以实例代码为引导的入门书籍。

React Native-用JavaScript开发移动应用 目录

第1 章简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1本书中你将学到的内容: 1如何阅读本书1各章节的组织结构2第2 章安装配置新项目. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3在已有的ios 应用中集成react native 5首先建立一个简单的ios 应用5安装react native 5创建react native 应用6将react naitve 集成到ios 应用中去7在设备上编译和运行13在设备上运行13练习： 15第3 章flexbox 布局介绍. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18web 开发中的flexbox 18flexbox 布局究竟是什么呢？ 19教程201. 栅格系统202. 圣杯布局243. 带有可变宽度搜索框的流式导航条274. 垂直居中32在react native 中使用flexbox 35第4 章开发**个应用. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38在react native 中完成“hello world” 38创建项目38使用xcode 39使用模拟器39项目结构41react 基础43render 函数43样式45注册组件46修改组件46搜索框和数据检索50增加搜索框50方法代理51检索数据52显示结果55组件状态55创建我们的listview 组件56创建每个数据单元57给列表中每个结果项设置样式59结果60第5 章在react native 中使用导航. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66第6 章动画和滑动菜单. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71我们需要做什么71相关的代码71它是如何运行的75如何使用76扩展一些缺少的功能78ii 目录第7 章用react native 绘制canvas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79使用webview 79如何使用80使用reactart library 82在网页中使用reactart 82在react native 中使用reactart 85结论90使用react native 播放音频90第8 章你的**个自定义视图. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97尝试一下98第9 章flux 介绍. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104flux 是什么？ 104从react 到flux 105flux 110练习119第10 章处理复杂的应用程序状态. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120解决方案121初识baobab 121把我们的状态树并入reactjs 123连接单个游标到组件124连接多个游标到组件124如何改变baobab 树的状态125应用程序状态127一个稍微复杂的例子129optimize 1301.reactjs 的级联渲染1312. 重复渲染131第11 章使用node 来实现服务端api . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135安装express： 135目录iiirequest 和response 对象136理解中间件139从url 中获取参数142处理相关参数143路由实例143重构路由144使用json 146json 结构146在javascript 中使用json 149ios 中的http 149web 服务151nsurl, nsurlrequest, nsurlsession 和nsurlsessiontask 152构造url 和发送请求153使用nsurlsession 153json 数据155解析json 数据156主线程156更深入的学习：请求主体157第12 章在react native 中使用文件上传. . . . . . . . . . . . . . . . . . . . . . . . . . . . 159创建服务器159注解161进行文件验证161总结： 162react native 文件上传的客户端： 162第13 章理解javascript promise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171事件并不是**的172promise 术语173javascript 中的promise 174浏览器支持和polyfill 175与其他库的兼容性175让复杂的异步代码变得更加简单176iv 目录将promise 用于xmlhttprequest 177链式调用178数值处理178异步操作队列179错误处理180图片181javascript 异常和promise 182错误处理实战182并行和串行—— 鱼和熊掌兼得184创建序列185promise 和generator 190promise api 参考193静态方法193构造器194实例方法194第14 章fetch 简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195xmlhttprequest 快要过时了195fetch 基础使用195使用xmlhttprequest 实现195使用fetch 实现196响应中的元数据197响应类型197promsie 方法链198使用fetch 请求发送凭证信息199问答环节200我该如何取消一个fetch 请求？ 200有相关的polyfill 么？ 200为什么在service workers 中支持“no-cors”，而在window 中却不行？ 200第15 章在ios 中使用sqlite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201创建并打开数据库202绑定变量203目录v开发sqlite 模块204第16 章集成google admob . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209创建项目209将sdk 添加到你的xcode 项目209第17 章react native 组件国际化. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214我要做什么214工作机制214安装步骤214在项目中使用218第18 章测试react native 组件. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221安装配置测试环境221编写测试程序226第19 章附录：react.js 快速介绍. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228jsx - react 的特殊语法228开始和运行229组件- 构建react 的基石229在我的java****** 代码中，出现了html 片段？ 230组件和状态231第20 章附录b：objective-c primer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233类的基本语法233方法233属性234实现235规范237第21 章webpack 入门. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238为什么要使用webpack? 238

React Native-用JavaScript开发移动应用 相关资料

f8大会当天，react native终于正式开源了，这着实让人兴奋了一把。因为我们知道react native即将成为手机端上必不可少的开发模式之一。因为已经有react的开发经验，稍微浏览一下文档，很自然就能过渡到react native的开发。稍微努力了一下，就能复刻手机**的首页，不到个把小时我这个菜鸟就差不多完成了大体的样子，让人惊讶于react native这套技术方案的生产力。——阿里资深前端工程师评react nativereact native充分利用了facebook的现有轮子，是一个很优秀的集成作品，并且我相信这个团队对前端的了解很深刻，否则不可能让native code“退居二线”。——百度资深前端工程师评react nativereact native的发布, 使移动端开发的门槛瞬间降低，这是非常好的消息。当然这也将促使更多人选择react这一方案, 社区资源也会更丰富。结果就是，会有很多人来参与研究用react的范式怎样来编程, 这是我们非常希望看到的。——知名前端研究者评react nativereact native的意义绝不在于解决了一些 hybrid app 的痛点。它是一个很有野心的项目，目标不仅仅是简单地使前端能用js写 native app，而是希望推广一个通用的前端构建方案，不论是 web 前端，还是客户端前端。——知乎react native精彩评论

React Native-用JavaScript开发移动应用 作者简介

奇舞团（奇虎75Team），是奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队，由一群活跃而有影响力的工程师组成。