React Native 开发技术周报第八期 | 江清清的技术专栏

1,850

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

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

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

React Native交流4群:458982758

查看图片

(一).资讯

1.React Native 0.24版本发布

该版本主要新增和修改一些触摸,滚动相关事件功能以及bug,相信大家已经尝试使用0.24版本了吧

2.【ReactNative For Android】框架启动核心路径剖析

重点推荐,QQ控件终端开发团队分析从源码出发,分析下RN4A的启动过程,分析的非常透彻,有深度。

3.React Native 开源一周年回顾-来吧看看 RN 发展的传奇之路

本文分别从 RN 起源,项目过去一年在FB内部的发展,在业界的广泛使用和生态圈的快速建立,在 Github 上的开源协作,核心团队对 RN 的未来展望等进行一一讲述,来吧看看 RN 的传奇之路

(二).技术文章

1.redux的学习之旅+redux应用实例

该文章比较详细的介绍了Redux内容,以及配有相关的实例说明,相信大家对这一块会有比较清晰的认识。

2.React Native 的 Navigator 组件使用方式

React Native的编程思想类似于iOS, 导航栏也使用Navigator作为标识, 类似于Android的ActionBar. 导航栏作为最重要的应用组件之一, 除了处理页面导航功能以外, 还会提供页面栈的管理, 管理页面的跳入和跳出. 本文介绍一下 Navigator 组件的使用方式.

3.JavaScript 中变量的有效性判断

JavaScript 语言设计的不严谨,有时候很容易把人给搞晕,比如说这个变量有效性判断。本文很好的实例说明了判断相关方法。

4.如何把 Callback 接口包装成 Promise 接口

前端开发尤其 Node.js 开发中,经常要调用一些异步接口,如:文件操作、网络数据读取。而这些接口默认情况下往往是通过 Callback 方式提供的。当这种写法遇上比较复杂的逻辑时,就很容易出现 callback hell 的问题。所以方案一直在进化,视图更好的处理 callback hell 的问题。但但是不管怎么样一致的依赖基础方式都是 Promise,这也是为什么 Promise 并没有引入新的语法但也写进了 ES6 规范的一个大的原因。甚至现在一些新的接口(如:Fetch)直接返回 Promise。然后对异步接口的处理方式都依赖 Promise,那么本文就来说下如何将 Callback 接口变成 Promise 接口。

5.如何优雅地写js异步代码

本文通过一个简单的需求:读取文件并备份到指定目录(详见第一段代码的注释),以不同的js代码实现,来演示代码是如何变优雅的。对比才能分清好坏,想知道什么是优雅的代码,先看看糟糕的代码。

6.搭建前端私有npm杂记

随着前端队伍越来越壮大,项目间共享代码就变得尤为重要。常用的框架/类库没必要在每个项目都放一份,团队内部产出的公共模块也需要有合理的共享机制。现在,用npm管理前端代码已经是业界趋势。楼主尝试用私有npm+资源管理系统的方式搭建起一套前端资源仓库,用以在公司内部托管公共代码,并为开发环境提供代码源。本文记录一下搭建过程,或许可以给大家做个参考。

7.promise优化异步回调

本文用实例的方法进行讲解promise优化异步回调的方法。

8.如何使用webpack开始一个react项目?

本文是讲实战操作的,会使用到react,react-router,webpack,babel,react热启动,webpack热启动等,而且本文不准备对原理等进行说明,只想让新手能迅速自己动手生成自己的第一个demo。教会大家如何使用webpack开始第一个React项目。

9.React Native 环境配置的坑

虽然说关于React Native环境配置的文章已经有很多了,但是今天还是给大家推荐另外的童鞋遇到坑,希望各位如果遇到了同样的问题,就可以快速找到相关的解决方案。

10.Introducing Hot Reloading(原文:官方介绍热重载)

这是一篇官方介绍热重载技术的博客,不过现在还是英文版本,我的专栏也正在加紧翻译,请持续关注www.lcode.org

11.生成器(Generator)——《实战 ES2015》章节试读

生成器(Generator)可以说是在 ES2015 中最为强悍的一个新特性,因为生成器是涉及到 ECMAScript 引擎运行底层的特性,生成器可以实现一些从前无法想象的事情。各位有兴趣的朋友可以来看一下哈。

12.React Native 的 Navigator 组件使用方式

React Native的编程思想类似于iOS, 导航栏也使用Navigator作为标识, 类似于Android的ActionBar. 导航栏作为最重要的应用组件之一, 除了处理页面导航功能以外, 还会提供页面栈的管理, 管理页面的跳入和跳出. 本文介绍一下 Navigator 组件的使用方式.

13.Facebook开发F8 2016 App官方教程的中文版。 原官网: http://makeitopen…

Facebook 在 F8 开发者大会上宣布他们用 React Native 开发了 F8 开发者大会的官方应用。他们不仅仅开发了应用(可从 App Store 和 Google Play 下载),还设置了一个官方网站:http://makeitopen.com/ ,开源了官方应用的代码,并且还写了如何开发的教程。这将是开发者学习 React Native 非常好的教程,因此我们将其翻译为中文,提供给国内开发者。

(三).开源项目

1.React Native 实例 - 网格游戏

通过编写React Native实例, 理解代码逻辑, 熟悉编程规范. 本文介绍网格游戏, 从中可以学习绘制数组拼接页面, 创建动画视图的使用方式. 多做多练多思考.从基础入门编写一个练手小项目还是非常不错的。

2.React Native开发知识点记忆客户端

从艾宾浩斯遗忘曲线记忆魔法的启发。用户可以做笔记和照片都需要记住,然后保存它。客户端根据用户保存的提醒时间进行推送通知。

3.React Native平台上面使用的进度指示器组件

耗时操作加载进度指示器,不过当前只适配于iOS平台

4.纯React Native开发Calagator客户端-兼容Android、iOS平台

5.一个Fabric, Crashlytics and Answers平台SDK封装 React  Native组件库

6.Core-Async-Storage  React Native平台数据异步持久化库

(四).工具

 1.React Native系列文章(三)IDE-WebStorm

 2.React Native系列文章(四)IDE-VSCode

之前虽然给大家介绍过VSCode的插件,VSCode对于编写ReactNative程序来说真的非常适合(目前来说),因为他有快捷的部署能力(react-native run android、react-native start等命令)和良好的ReactNative插件支持。大家有兴趣可以看看,而且还是中文版本教程哦。

3.Realm for React Native(数据库ORM)

在之前做Android开发的时候就有尝试Realm,现在在React Native开发中,同时已经发布了兼容Android、iOS模块的Realm模块,大家可以去用该模块进行数据库ORM操作,不过iOS平台上面最低支持8.0哦。

(五).视频

1.Siphon平台:在两分钟之内构建和提交一个跨平台应用

请注意科学上网

2.快速发布更新React Native Apps

请注意科学上网,该适配给大家介绍如何移植Android原生平台以及使用CodePush如何快速的进行热更新

        尊重原创,未经授权不得转载:From 江清清的技术专栏(www.lcode.org) 侵权必究!

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

查看图片