React Native 开发技术周报 (第九期)~ 官方教程, Native 和 JavaScript 通信机制, 分包实践等等应有尽有~

4,678 阅读7分钟

尊重版权,未经授权不得转载出处: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,客户端开发图标

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