React Native开发技术周报Issue#11-本期周报有福利
尊重版权,未经授权不得转载出处:http://www.lcode.org
本周报来自江清清的技术专栏,欢迎微信关注公共号:codedev123.精彩技术文章第一时间推送!
说在前面的话:React Native开发技术周报，主要会涉及React Native最新资讯,React Native教程,技术开发文章,开源项目,工具,视频等等。今天是我们的第十一期，同时各位朋友有优秀的有关React Native技术开发文章可以发给我。
React Native交流5群:386216878
本期周报底部有大福利….
(一).资讯
具体更新日志，大家可以点击标题查看,本版本最大特点React API需要从react包导入进来以及setBridge不要在主线程调用了。
至于0.26.1版本只是修复了几个bug而已。
本文为React Native痛点解析系列文章之二,自从React Native出世，虽然官方一直尽可能的优化其性能，为了能让其媲美原生App的速度，但是现实感觉有点不尽人意。接下来介绍下实践中遇到的一些性能问题以及优化方案。
3.ReactMix：基于HTML+JS+CSS写APP的最佳实践
携程这是要起飞的节奏~
React Native目前存在着几方面的问题：第一，React Native目前只支持内联的样式，不支持我们常用的CSS className继承和复用；第二，React Native采用了类似ReactJS的语法风格，要求有组件封装，在组件A和组件B之间内部互相通信会比较麻烦；第三，对于已有的项目，如果改写成React Native，就会有重构成本。这些问题都促进了ReactMix的诞生。
那么携程要开发ReactMix呢？因为携程90%的代码是历史代码，我们希望能够把这部分代码很平滑的地变成React Native代码。同时，我们希望能够使用H5的特性，提高现有的代码性能，包括渲染性能和执行性能。其实，最主要的原因是节省成本。综合这些原因，我们开发了ReactMix，用来帮助我们很平滑地过渡到React Native，解决一套代码完成H5、Android、iOS通用的问题。据说微软也做了一个插件来支持UWP平台，理论上ReactMix在这个插件下也是可以执行的。所以，可以说ReactMix可以通吃移动端了。
(二).技术文章
Webpack是目前最火的前端自动化工具，它是一个module bundler并和大部分现代前端相关模块完美结合，包括Babel,ReactJS等等。本文从新手的角度一步一步用webpack配置一个react项目。
2.Learning React Native – React Native 学习线路与过程中遇到的那些坑
分享生产环境中使用 React Native 构建原生应用的学习线路指南，以及相应的技术选型和遇到的坑。
该文章很不错的讲解了React Native动画实践，并且实战实现加载进度动画效果，很不错的文章。
ECMAScript 6 的 Promise 是一个非常重要的特性，有了它，JavaScript 异步嵌套的问题算是得到了比较好的解决。同时，Promise 也是 ES7 中 async/await 的基础。介绍 Promise 基础的文章已经非常多了，在这里就不再讲解 Promise 本身的用法。本文主要介绍利用 Promise 的特性改良异步 Timer 的一种思路。
翻译官方的RN入门教程，对于初学者会有一个直观的了解。
这篇文章简要的讲解了一下Fetch进行网络请求获取JSON数据,可以参考一下。
7.React Native进阶之原生模块封装基础篇详解-适配iOS开发
封装iOS原生模块给JavaScript进行调用，通过桥接通信。现阶段React Native开发中常用。
8.React Native 进阶之原生混合与数据通信开发详解-适配Android开发
从现阶段RN的发展程度来看，RN和原生混合开发模式是比较理想的，所以我们非常有必要讲解一下RN和原生混合的开发模式，同时里边有关的数据交互通信知识点也有必要讲解一下啦。
在正式学习React之前，我们希望能脱离React本身来了解下React的设计思想，这有助于我们更好地运用React与进行更好地架构设计。当然，这里讨论的一些设计理念肯定还是有争论的，见仁见智，各有所感。React.js本身的学习与实现是偏重于工程解决方案、算法优化、代码兼容以及调试工具这些方法论，不过，这些都是会随着时间以及应用长久的变迁发生改变，唯有设计思想能够绵延流长。
本文将简要分析并实现一个的前端路由，并对 react-router 进行分析。
本篇介绍如何对 Native 的渲染进行测试，覆盖 React Native 的功能测试等同于覆盖 Native 的测试，需要 iOS, Android 的系统运行时环境。
本文档还在继续更新,从基础入门开始讲解React,JSX,组件,Props，state，生命周期,动画等等知识点，对我们继续往下学习React Native会打下深厚的基础。
14.react-native 初体验 – 使用 javascript 来写 iOS app
听说 ES6 的 Generator 是一个很神奇的函数，所以去了解了一下。 因为它不同于以往的寻常函数，但是带来的体验却非常好 。这里首先讲了 Generator 是什么，分割线后面用了一个例子来说明 Generator 到底好在哪里 ~这篇文章带你了解。
官方回顾RN开源一周年中的进展以及后期的发展方向。
18.Going native with React Native-英文版本
(三).开源项目
1.TesterHome 官方 Android 客户端 V1.0.3 版本发布
该为TesterHome论坛的客户端，采用React Native进行开发。
这是一个仿猫眼电影的Android App，基于React Native构建。 由于找到的猫眼API并不完整，所以只能实现部分页面。 代码写得都很简单，欢迎一起交流学习。
3.[译]推荐5个值得学习React Native的开源项目
读源码是最好也是最有效的提升自身编码能力的方式，特别是当该项技术比较新然后它的标准还在不停改进的时候。 ReactNatve 就是其中一个。它的API随着每次发布还在持续的迭代 ，你会碰到很多需要选择的工具然后除了一些简单的HelloWorld教程，稍微深入些的教程比较少。于是，我们还是来读读别人的开源项目源码吧，下面是我follow的5个：
4.基于 React Native 实现的支付宝钱包 UI 界面
该适配iOS平台，作为React Native初学者非常要的页面布局资料哦。
官方已经封装了Android版本的侧滑菜单组件，但是很多朋友再讲如果实现iOS端呢？OK今天给大家带来了双平台通用的侧滑菜单组件啦。
经典案例，非常不错，老外使用React Native开发的一款天气预报客户端，牛~
(四).工具
1.2015 – 2016 最新 Sublime Text 主题
Sublime Text 是一款强大的编辑器，它不但拥有众多强大的功能，还拥有很多漂亮的主题。本文为大家分享一些最新的 Sublime Text 主题。
话说自从楼主开始玩React Native开发的时候，就慢慢开始使用Sublime进行打开了，总体感觉流畅，插件多,清爽,有极客风范，适合装逼 嘎嘎
大写的福利来了~
WebStorm最新版本发布啦,WebStorm做React Native开发还是非常不错的，可惜广大屌丝程序猿没钱啊~怎么办呢?破解吧，嘎嘎
既然说是福利，那么福利来了，破解传送门:http://idea.qinxi1992.cn 选择webStorm的注册码，点击第二项，license server
感谢田小新丶童鞋推荐
尊重原创，未经授权不得转载：From Sky丶清（http://www.lcode.org/） 侵权必究！
关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注，第一时间推送精彩文章)
