尊重版权,未经授权不得转载
本周报来自江清清的技术专栏,欢迎微信关注公共号:codedev123.精彩技术文章第一时间推送!
说在前面的话:React Native开发技术周报,主要会涉及React Native最新资讯,技术开发文章,开源项目,工具,视频等等。今天是我们的第四期,同时各位朋友有优秀的有关React Native技术开发文章可以发给我。
React Native交流3群:496508742
(一).资讯
新特性:①.packager日志支持静默选项 ,②.当promise拒绝时可以通过console.error输出 ,③增加了更多的性能日志,增强了Systrace支持 ,④.使用NavigationExperimental初步重构 ,⑤.增加组件用于增量渲染
最近NPM社区出了一件大事,一个开发者对NPM公司不满,unpublish了自己的所有模块。其中包括被广泛使用的left-pad,导致Babel、ReactNative、Ember等大量工具构建失败。
(二).技术文章
移动开发中,native开发性能和效果上无疑是最好的。但是在众多的情况下,native开发并不是最优的选择。当需求经常改动的时候,当预算有限的时候,当deadline很近的时候,native开发的成本也就体现出来了。这时候,webview开始大放异彩,快速开发、无需重新发布版本、人员成本低的特点就显现出来了。(这里不指hybrid)。当使用WebView后,就会逐渐发现,用户体验变得一塌糊涂,长时间的loading、操作dom造成的性能问题等等等等··React Native出现后,开辟的一条新的道路。
深度好文,最近经常有人遇到绑定方法问题
对于大多数开发者来说,JavaScript 的 this 关键字会造成诸多困扰。由于 JavaScript 不具备如 Java 等语言的严格类模型,因而除非是在处理回调,否则代码中的 this 指向并不清晰。
5.使用 react-native-simple-router 组织你的React Native 页面
讲解清晰,搭配相关实战案例
6.解决PHP获取不了 React Native Fecth参数的问题
7.基于React,Redux以及wilddog的聊天室简单实现
来自饿了么React Native团队核心人员,主要内容:①.为什么要做这次重构,②Flux模式与Redux,③React-Native With Redux,④代码规范和语法糖,⑤重构过程中遇到的坑
10.[译]React Native开源获取设备信息组件(react-native-device-info)
Android,iOS双平台封装成React Native前端统一调用,获取设备的相关信息
11.React Native官方博客:热重载介绍(Hot-Reloading)
本文暂时为英文版本,中文版本翻译本博客翻译组正在加紧翻译(www.lcode.org)
更新了已知的三种,相应大家会学有所得
15.快速把React Native集成到Android原生应用中
本文讲解了集成方法以及遇到的坑的解决方案
18.“指尖上的魔法” -- 谈谈React-Native中的手势
在移动应用开发中,手势是不可忽视的一个重要组成部分,React-Native针对应用中的手势处理,提供了gesture responder system,从最基本的点击手势,到复杂的滑动,都有现成的解决方案。
(三).开源项目
2.Reading App Write In React-Native
产品级的React Native开源项目
亲测,图表效果很不错,同时推荐Android平台的图表控件:www.lcode.org/react-nativ…
4.React Native开发的仿拉勾网App,纯ES6实现
同时适配Android、iOS双平台
(四).工具
4.gulp-react-native-css(就像写css一样写React Style)
5.rnpm(React Native Package Manager)
(五).视频
尊重原创,未经授权不得转载:From 江清清的技术专栏(www.lcode.org) 侵权必究!
关注订阅号(codedev123),每天分享移动开发技术(Android/IOS),React/React Native,项目管理以及博客文章!(关注,第一时间推送精彩文章)