神刀安全网

React Native开发技术周报Issue#03

尊重版权,转载注明出处:http://www.lcode.org

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

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

React Native交流3群: 496508742

React Native开发技术周报Issue#03

(一).资讯

周六(3月19日),感谢React Native中文网的邀请,给大家分享了一下React Native跨平台开发相关内容,具体内容如下

1.[319-React Native上海交流会报告]-React Native跨平台开发之旅PPT内容(附下载链接)

文章中有本人演讲内容PPT下载,同时文章底部也附上了其他两位朋友的演讲PPT下载链接。从这一刻起,兄弟们是时候转战React Native开发吧。

2.React Native上海交流会《零JS基础如何玩转React-Native》

来自上海爱扑网络技术总监-周鸿杰

(二).技术文章

1.大白话讲解Promise(一)

去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。

ES6 Promise 先拉出来遛遛:复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数?赶快点击标题查看详情吧~

2.WebPack使用小纪

严格来讲,webpack其实和grunt/gulp根本不是一种东西,它不是一个构建工具,而是module bundler。简单来说,webpack将JS、CSS、HTML(包含各种预处理器)以及图片等等都视为“资源”,每个资源文件都是一个module文件,而module文件之间存在依赖,webpack就是根据module文件间的依赖将所有module打包(bundle)起来。而回忆我们用grunt/gulp构建项目时,做的很大一部分工作也无非是将JS、CSS、HTML编译合并压缩等等,所以从这个层面上讲用webpack和grunt/gulp得到的结果是一样的

3.饿了么移动APP的架构演进(存在React Native技术)

HotPatch-EMC的架构主要目标在于解决移动APP的稳定性问题。通过RN与Native的主备,可以减少系统APP出错带来的失误成本。

4.只用 React Native 原生组件绘制图表.

很不错的效果

5. React-Native中网络请求的总结

已经对于常见网络请求的方案做了相关整理

6.深入理解React、Redux

React+Redux非常精炼,良好运用将发挥出极强劲的生产力。但最大的挑战来自于函数式编程(FP)范式。在工程化过程中,架构(顶层)设计将是一个巨大的挑战。要不然做出来的东西可能是一团乱麻。说到底,传统框架与react+redux就是OO与FP编程范式的对决。

7.玩转NPM,来自腾讯AlloyTeam团队

在做React Native开发中,需要依赖包管理,npm作为Node.js的包管理工具,大家还是非常需要了解学习的。但随着JS这几年的蓬勃发展,现在的npm已经成了几乎所有跟JS相关的工具和软件包的管理工具了,并且还在不断发展完善中。本文从笔者的经验,总结了npm安装/卸载、更新、发布这几个最主要功能的正确使用姿势和一些小技巧,顺便从官网搬来了npm3处理依赖的重大变化。

8.H5、React Native、Native应用对比分析

本文从多个角度进行对比H5,React Native,Native之间的区别分析

9.React Native:调用Native方法(Android)

有的时候我们使用React Native无法满足一些使用场景,这个时候就需要使用原生的java方法,比如一些耗时的写操作,操作数据库,多线程操作等。React Native可以直接调用系统的API(java),实现JavaScript与java语言的通讯,如果React Native没有满足我们需求可以封装原生的方法供JavaScript调用。

JavaScript和java通信是通过bridge实现的,在java层和JavaScript层的bridge分别存有相同的一份模块配置表,Java与JavaScript相互通信时。通过bridge里的配置表将所调用模块方式转为{moduleID,methodID,args}的形式传递给处理层,处理层通过bridge里的配置表找到对应的方法执行,如果有callback,则回传给调用层。

10.ReactNative的组件架构设计

本篇较长,前面是目前flux开源框架的一些分析,后面是架构设计过程。您可以直奔主题。

11.React Native 动画

12. React-Native Android 热更新-来自的饿了么的团队人员分享

13.ReactNative增量升级方案

14.React组内开发规范

不管在做React.js开发还是React Native开发,有一个团队统一的开发规范还是非常必要的。

15. React-Native-Code(《React Native 入门与实战》实例源码)

16.Hybrid App 和 React Native 开发那点事

文章来自阿里云栖社区,内容来自移动精英开发俱乐部讨论整理

17.Build a youtube playlist browser with react native and siphon

本文介绍采用React Native和Siphon平台进行构建youtube播放列表客户端

(三).开源项目

1.一个React Native平台的Camera组件,同时支持条形码扫描(react-native-camera)

挺不错的Camera组件

2.[译]React Native开源广告轮播组件(react-native-viewpager)

3.[译]React Native开源百度地图组件(react-native-baidumap-kit)

4.[译]React Native开源高德地图定位组件(react-native-amap-location)

这两种对于国内不能Google Map,现在带来高德,百度定位地图封装组件

5.基于React Native开发的日历组件

整体效果还是比较OK

6.基于React Native的通讯录App以及以及LBS React Native开发的附近App

(四).工具

1.淘宝 NPM 镜像

作为在墙内的童鞋们,进行安装npm的时候经常因为网络问题加载不成功,这边提供国内淘宝镜像,助大家一臂之力,速度非常的快哦~

2.Siphon构建工具

要开发React Native For iOS一定要使用Mac  OS X,一定要安装Xcode?No No,我来告诉你方法:使用Siphon工具,可以不需要安装Xcode IDE进行构建和发布React Native应用

尊重原创,转载请注明:From 江清清的技术专栏(http://www.lcode.org) 侵权必究!

关注订阅号(codedev123),每天分享移动开发技术(Android/IOS),React/React Native,项目管理以及博客文章!(关注,第一时间推送精彩文章)

React Native开发技术周报Issue#03

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » React Native开发技术周报Issue#03

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮