尊重版权,未经授权不得转载出处:http://www.lcode.org

本周报来自江清清的技术专栏,欢迎微信关注公共号:codedev123.精彩技术文章第一时间推送!

说在前面的话:React Native开发技术周报，主要会涉及React Native最新资讯,React Native教程,技术开发文章,开源项目,工具,视频等等。今天是我们的第九期，同时各位朋友有优秀的有关React Native技术开发文章可以发给我。

React Native交流4群:458982758

查看图片

(一).资讯

1.React Native如何做跨平台设计

本文出自教程第二篇，介绍React Native在设计跨平台应用时的一些原则和技巧。

(二).技术文章

1.React Native 的 ES6 类写法与未定义错误

ES6, 即ECMAScript6, JavaScript的新标准, 书写更加规范, 代码更加优雅. React Native推荐使用ES6的类写法代替传统的模块, 即使用extends React.Component代替React.createClass. 本文介绍在ReactNative中ES6的写法, 与传统方法进行对比, 并解决未定义(undefined)错误.

2.一个前端用React Native开发首个iOS App后的心得分享

本文作者之前没有Objective-C和Swift的经验，使用React Native开发了首个iOS App之后，写下了这篇心得感受，包括React Native的正面与负面意见，以及他们遇到的一些坑。但最终他达成了预期目标，并对React Native感到满意。作为移动开发者，看到这篇文章，可能会百味杂陈吧。

3.React-Native 分包实践-来自QQ音乐团队

对于很多在使用react-native开发应用的小伙伴们肯定都会遇到一个问题，功能越来越复杂，生成的jsbundle文件越来越大，无论是打包在app内发布还是走http请求更新bunlde文件都是噩梦，这个时候我们应该如何来更新呢？一起来看一下QQ音乐团队是怎么样做的。

4.Redux在React Native下的使用讲解

5.那些关于JavaScript学习最全资料整理

该文章整理了JavaScript从基础入门到进阶提高相关的学习资料,非常齐全了。值得收藏。

6.React Native将Web技术带给移动开发

这篇文章讲解了React框架开发Web的好处，优点，同时也讲解了原生开发的蛋疼之处。继而React Native框架的推出，把流行的Web前端技术带给了移动开发。有必要去了解一下哦。

7.React-Native系列Android——Native与Javascript通信原理（一）

8. React-Native系列Android——Native与Javascript通信原理（二）

9.React-Native系列Android——Native与Javascript通信原理（三）

本三篇文章是属于同系列文章，重点讲解介绍React Native Android开发中,Native原生层和JavaScript之间的通信原理机制，分析的还是比较深刻的，非常推荐大家去阅读哈。

10.Angular 2搭配React Native

Angular 2的架构让它有可能使用多种渲染引擎来渲染应用，其中包括React Native。

11.react-native 离线打包

12.在react-native中使用redux

redux是一个用于管理js应用状态的容器。redux出现时间并不是很长，在它出现之前也有类似功能的模块出现，诸如flux等等。redux设计的理念很简单，似乎最初这个开发团队就有让redux可以方便融入在server, browser, mobile client端的打算。目前在github上redux-*的第三方中间件、插件越来越多。如果react项目中想使用redux，那么就有react-redux插件来完成配合。而作为开发者，可以使用这些优秀的第三方资源来开发/优化已有的项目，也是一件很欢乐的事。

13.近期 React-Native With Redux 开发的一点心得

该文章为作者正式采用React Native开发过程中使用Redux 的一些新的，注意点以及相关总结。

14.用纯JavaScript实现React Native的文件上传

本文介绍如何使用原生 Javascript 上传文件,如何使用七牛云 SDK 上传文件到七牛云

15.手把手教你基于ES6架构自己的React Boilerplate项目

React技术之火爆无须多言，其与webpack的完美结合，也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发，开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate，我们可以快速的创建一个React项目的架构。

16.作用域和闭包--读《你不知道的JavaScript》

17.同构化的 React + Redux 服务端渲染

18.React，我从未见过如此好看的教程（1）

19.React Native进阶之原生UI组件封装详解

该文章主要讲解如何封装原生UI视图组件，让React Native前端进行调用

20.React Native模块之Linking详解以及实例

Linking模块给我们提供了Android和iOS双平台通用的接口进行处理App进入和传出的链接。

21.你可能不知道的 Promise

Promise 是对异步处理的一种抽象。在 JavaScript 中，我们通常使用回调函数来进行异步处理,本文章重点进行讲解一下Promise的使用以及相关注意点

22.其实没那么复杂！探究react-native通信机制

文章推荐,这篇文章图文并茂,深入源码级别进行探究了React Native的通信机制，非常值得一看。我们所说的［通信］，指的是RN中Java和js的通信，也就是js部分中的那些jsx代码是如何转化成一个java层真实的view和事件的，java层又是如何调用js来找出它所需要的那些view和事件的。

23.webpack实践最后一篇

这应该是目前这个阶段最后一篇关于webpack的实践经验，也许你会学习到该用怎样的思想去使用webpack

24.React-Native Fetch方法发送网络请求

本文章主要讲解了React Native如何进行发送网络请求，有实际使用意义

25.用纯 Javascript 实现 React Native 的文件上传

26.ReactJS For Stupid People

该篇文章专门为ReactJS初学者进行准备的。

27.Flux For Stupid People

该篇文章专门为Flux初学者进行准备的。

28.Android React Native加载图片资源的正确姿势

(三).开源项目

1.React-Native 版微信 SDK

该开源组件项目进行封装了微信的相关SDK给React Native进行使用，其中包括功能有:微信登录,分享,收藏以及支付相关的功能。

2.React Native学习笔记开源项目

该项目记录了React Native学习的相关笔记，涉及到基础入门，中级深入以及高级提高相关的文章

3.React Native开源项目-知识点记忆客户端

该为使用纯React Native开发的知识点记忆客户端,但是只兼容iOS模块。从艾宾浩斯遗忘曲线记忆魔法的启发。用户可以做笔记和照片都需要记住,然后保存它。客户端根据用户保存的提醒时间进行推送通知。

4.React Native开源仿QQ微信列表左右滑动删除等功能组件

很多人在问QQ列表左滑显示删除等item功能怎么样做，OK 该开源组件可以帮助到你啦…

(四).工具

1.玩转npm

做为Node世界里的包管理器，我想大家从Grunt时代起就已经熟练的使用npm install命令来安装一些依赖完成前端自动化构建任务。但是，你真的了解它么？package.json文件中常常记录了大量的信息，有哪些是你必须要有的元数据呢？本文就带领大家一起了解学习一下。

2.Sublime Text 特色插件推荐，持续更新！（适用人群：学术写作，文学写作，网页编辑， Python， Java, Rust）

网上虽然已经有了很多sublime text的插件推荐，但是大部分是基于前端开发的，主要是集中在javascript，css和html的开发上，虽然我在教学中也会用javascript写一些比较绚的slides给学生看，但是我花在javascript上的时间总体上还是很少的，所以这个插件推荐的文章还是有其存在的意义的。本文作者收集各种方面大量的插件，值得大家关注。

3.ionicons,客户端开发图标

大量客户端开发的图标，赶紧打包去下载吧~