React Native开发技术周报Issue#07
本周报来自江清清的技术专栏,欢迎微信关注公共号:codedev123.精彩技术文章第一时间推送!
说在前面的话:React Native开发技术周报，主要会涉及React Native最新资讯,React Native教程,技术开发文章,开源项目,工具,视频等等。今天是我们的第七期，同时各位朋友有优秀的有关React Native技术开发文章可以发给我。
React Native交流4群:458982758
(一).资讯
1.React Native最佳学习模版- F8 App开源了
本周大家关注的对象就是F8大会啦，同样F8大会结束之后，官方F8 APP开源了，对大家来讲这个一个非常好的消息啦。界面和体验超级美观啦，小伙伴们都惊呆啦~赶紧去学习吧。
2.Facebook开发F8 2016 App官方教程的中文版。 原官网： http://makeitopen.com/
Facebook 在 F8 开发者大会上宣布他们用 React Native 开发了 F8 开发者大会的官方应用。他们不仅仅开发了应用(可从 App Store 和 Google Play 下载)，还设置了一个官方网站：http://makeitopen.com/ ，开源了官方应用的代码，并且还写了如何开发的教程。这将是开发者学习 React Native 非常好的教程，因此我们将其翻译为中文，提供给国内开发者。
该为翻译版本，正在更新翻译，翻译官方的教程，还是非常不错的。秋百万大神
(二).技术文章
1.基于 Facebook Redex 实现 Android APK 的压缩和优化
最近 Facebook 开源了一个名为 Redex[1] 的工具包，专门用于 Android 字节码的优化，经过 Redex 转换后的 APK，体积变得更小，运行速度变得更快。Redex 基于管道的方式来优化 Android 的 .dex 文件，一个源 .dex 文件通过管道进行一系列的自定义转换后，将得到一个优化的 .dex 文件。本文将带大家简单快速的了解 Redex 是什么，以及它的基本原理和使用方法，
这应该是目前这个阶段最后一篇关于webpack的实践经验，也许你会学习到该用怎样的思想去使用webpack。
该文章很好的介绍了React组件的相关生命周期用法，在进行React Native开发过程中非常有用啦。
凡是用reactjs开发的项目，但凡规模稍微大一些，都很可能要引入redux来管理组件状态的变迁和组件彼此之间的通信，权威的解释和说明当然是官方的这篇文章，但是，但是，但是，这篇长文处处透露着一种玄妙而不可言说的味道，处处是一些principle，best practice，never，absolutely，you should……的字眼，到处是强调，加粗的段落，一些模糊的store，action，reducer之类的抽象用词，我尝试着写篇小文来记录自己对Redux的学习理解过程。
ES2015 是新版的 JavaScript，Node.js 已经完全支持，浏览器端可以用 Babel 库编译。运行本文的示例代码，可以用 JSBin 环境，也可以结合原文中的测试题检测学习效果。
6.React Native on the Universal Windows Platform(UWP平台支持React Native啦)-英文原版
7.Win10 UWP 再支持 React Native 开源框架
看起来React Native真心大有作为了~
系列教程
在 ES6 里面怎样来申明并使用一个私有变量呢，来看看这个有趣的文章。
这是为了介绍 React Native 和它的开源生态的一个系列教程，我们将以构建 F8 2016 开发者大会官方应用的 iOS 和 Android 版为主题。在第一部分，我们将介绍我们是如何计划的，在后面的部分，我们将分享示例代码，讨论多平台设计需要考虑的事情，分析应用的数据层，最后解释我们所选择的测试策略。
11.两周 React Native 开发小结(传说中的从入门到放弃?)
将原有的 Swift 代码改成 React Native 是个不小的动作，我们选择了一些对主要功能影响不大的页面定点重构，主要考虑到 React Native 的几个优点：①.跳过 App Store 审核，远程更新代码，提高迭代频率和效率；②.减少编译时间，开发效率更高；③.组件化开发，更高的复用率；④.相对其它 Hybrid 方案，React Native 性能更好，用户体验更接近原生。
经过我一个人两周的折腾，发现这些优势并不能在我们的 App 里最大化。最后我把所有 React Native 写的代码全部删除，花了两天时间用 Swift 重写了一遍。
该为翻译版本，正在更新翻译，翻译官方的教程，还是非常不错的。秋百万大神
13.2016/04/18 React Native 开源一年的总结
该文章翻译自Facebook工程团队的官方博客，React Native: A year in review，本文分别从 RN 起源，项目过去一年在FB内部的发展，在业界的广泛使用和生态圈的快速建立，在 Github 上的开源协作，核心团队对 RN 的未来展望等进行一一讲述，来吧看看 RN 的传奇之路
14.[译]推荐5个值得学习React Native的开源项目
读源码是最好也是最有效的提升自身编码能力的方式，特别是当该项技术比较新然后它的标准还在不停改进的时候。ReactNatve就是其中一个。它的API随着每次发布还在持续的迭代 ，你会碰到很多需要选择的工具然后除了一些简单的HelloWorld教程，稍微深入些的教程比较少。于是，我们还是来读读别人的开源项目源码吧，
16.React Native 0.23 iOS: 体验灵活的flexbox布局UI
Webpack 的两个主要思想：
①.所有的一切都是模块(module) —— 就像 JS 可以模块化一样，所有的一切 (CSS, Images, HTML) 都可以是模块。就是这样，你可以 require(‘myjsfile.js’) 或者 require(‘myCSSfile.css’)。这意味着我们可以把任何部件分割成更小的可管理的模块用来复用等等。
②.按需加载 通常来说模块打包只能将你所有的模块打包成单个大的”bundle.js”文件。但是在现实世界中，”bundle.js”可能达到 10MB-15MB 导致过长的加载时间。所以 Webpack 有专门的功能用来分割你的代码并且生成多个打包文件，同样也能异步加载部分模块，所以你只需要”按需加载”即可。
React Native虽然已经得到了很多支持，但坑仍然很多，在短期不会消失，因此你应该了解RN生存策略，避免掉坑出不来，或者从入门到放弃。本文就介绍了RN的生存指南，包括学习资源和遇到问题的解决之道。
(三).开源项目
React Native 开发已经初见端倪, 可以完成最基本的功能. 通过开发一些简单的应用, 可以更加熟练的掌握 RN 的知识. 本文介绍非常简单的一款房产搜索的App, 通过调用公开的搜索服务, 把网络的数据展示在应用中. 通过代码更多的了解 RN 的特性.
2.React Native构建的干货集中营客户端-very 因垂思挺
干活集中营,大家懂的，干货确实很多，当然还有很多妹纸~嘎嘎，这一款APP Very 因垂思挺。
4.基于 React Native 的 Dota 视频 APP
效果还是挺不错的,视频客户端哦~
(四).工具
1.Visual Studio Code 1.0正式版本发布啦
如果有用VSCode进行React Native开发的童鞋们有福了，VSCode V1.0正式版本已经发布了。同时也提供了智能提醒和调试相关插件。
尊重原创，未经授权不得转载：From 江清清的技术专栏（http://www.lcode.org） 侵权必究！
关注订阅号(codedev123),每天分享移动开发技术(Android/IOS),React/React Native,项目管理以及博客文章!(关注,第一时间推送精彩文章)
