React Native 开发技术周报 Issue#04 | 江清清的技术专栏

1,015 阅读4分钟

尊重版权,未经授权不得转载

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

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

React Native交流3群:496508742

(一).资讯

1.React Native 0.23.0-rc版发布

新特性:①.packager日志支持静默选项 ,②.当promise拒绝时可以通过console.error输出 ,③增加了更多的性能日志,增强了Systrace支持 ,④.使用NavigationExperimental初步重构 ,⑤.增加组件用于增量渲染

2. 由NPM引发的关于left-pad的那些事儿

最近NPM社区出了一件大事,一个开发者对NPM公司不满,unpublish了自己的所有模块。其中包括被广泛使用的left-pad,导致Babel、ReactNative、Ember等大量工具构建失败。

(二).技术文章

1.React Native 在现有项目中的探路

移动开发中,native开发性能和效果上无疑是最好的。但是在众多的情况下,native开发并不是最优的选择。当需求经常改动的时候,当预算有限的时候,当deadline很近的时候,native开发的成本也就体现出来了。这时候,webview开始大放异彩,快速开发、无需重新发布版本、人员成本低的特点就显现出来了。(这里不指hybrid)。当使用WebView后,就会逐渐发现,用户体验变得一塌糊涂,长时间的loading、操作dom造成的性能问题等等等等··React Native出现后,开辟的一条新的道路。

2.React:ES6:ES7中的6种this绑定方法

深度好文,最近经常有人遇到绑定方法问题

对于大多数开发者来说,JavaScript 的 this 关键字会造成诸多困扰。由于 JavaScript 不具备如 Java 等语言的严格类模型,因而除非是在处理回调,否则代码中的 this 指向并不清晰。

3.多React Native项目时依赖管理的最佳实践

4.每天都实战一个React-Native项目

5.使用 react-native-simple-router 组织你的React Native 页面

讲解清晰,搭配相关实战案例

6.解决PHP获取不了 React Native Fecth参数的问题

7.基于React,Redux以及wilddog的聊天室简单实现

8.React-Native With Redux

来自饿了么React Native团队核心人员,主要内容:①.为什么要做这次重构,②Flux模式与Redux,③React-Native With Redux,④代码规范和语法糖,⑤重构过程中遇到的坑

9.Airbnb React 编码规范

10.[译]React Native开源获取设备信息组件(react-native-device-info)

Android,iOS双平台封装成React Native前端统一调用,获取设备的相关信息

11.React Native官方博客:热重载介绍(Hot-Reloading)

本文暂时为英文版本,中文版本翻译本博客翻译组正在加紧翻译(www.lcode.org)

12.React Native第三方库轻松实现图表相关功能

13.已知的React Native热更新方案

更新了已知的三种,相应大家会学有所得

14.React  Native基础之Redux学习教程

15.快速把React Native集成到Android原生应用中

本文讲解了集成方法以及遇到的坑的解决方案

16.在React Native中使用ART

17.React Native的组件架构设计

18.“指尖上的魔法” -- 谈谈React-Native中的手势

在移动应用开发中,手势是不可忽视的一个重要组成部分,React-Native针对应用中的手势处理,提供了gesture responder system,从最基本的点击手势,到复杂的滑动,都有现成的解决方案。

(三).开源项目

1.可以运行 React Native 的手机浏览器

2.Reading App Write In React-Native

产品级的React Native开源项目

3.适配React Native iOS平台开发的图表控件

亲测,图表效果很不错,同时推荐Android平台的图表控件:www.lcode.org/react-nativ…

4.React Native开发的仿拉勾网App,纯ES6实现

同时适配Android、iOS双平台

5.React Native开发的房产搜索客户端

6.BaoZ社区客户端

(四).工具

1.react-native-snippets(代码提示)

2.react-native-babel(使用ES6+)

3.sqlite for react-native

4.gulp-react-native-css(就像写css一样写React Style)

5.rnpm(React Native Package Manager)

(五).视频

1.ReactJS中文视频教程

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

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

查看图片