微信号:codedev123

介绍:每天推送分享移动开发技术(Android/iOS);React Native技术文章;项目管理;程序猿日常点滴以及精品技术资讯文章.

React Native开发技术周报第十六期-RN入门到实战视频教程推荐

2016-07-12 08:18 江清清

阅读本文大约需要3分钟

本期有国内React Native入门到实战教学视频,有推荐的优秀RN开源项目,有核心原理分析,还有更多技术干货文章...

特别提醒:微信链接限制,请底部点击阅读原文查看

资讯

1.聊聊我的处女作:reading


RN大神大大,讲述RN产品级开源项目Reading的演化过程。


2.【Dev Club分享】React Native项目实战总结。


来自腾讯RN项目开发实践分享


3.React Native 0.29.0版本发布

技术文章

1.ECMAScript 6 扫盲


ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。现在RN的版本中基本都是使用ES6进行开发了,所以学习一下还是非常有必要的。


2.React Native 高质量学习资料汇总


作为 React Native 入门的学习资料,React Native 发布也已经一年多了,随着生态圈的不断完善,社区和开发者都在不断的成长,本文我们来总结下到目前为止的一些高质量的学习资料。


3.JavaScript异步编程一站式扫盲


4.JavaScript作用域学习笔记


无论什么语言中,作用域都是一个十分重要的概念,在JavaScript中也不例外,作用域定义了变量或者函数有权访问的范围,决定了它们各自的行为。要理解JavaScript中的作用域首先就要知道:在let出现之前,JS中变量的作用域只有两种:全局作用域和局部作用域。(本文也只讨论这两种作用域)


5.React Native 触摸事件处理详解


触控是移动设备的核心功能,也移动应用交互的基础,Android 和 iOS 各自都有完善的触摸事件处理机制。React Native(以下简称 RN)提供了一套统一的处理方式,能够方便的处理界面中组件的触摸事件、用户手势等。本文尝试介绍 RN 中触摸事件处理。


6.【React Native for Android】jsBridge实现原理


[推荐].React Native for Android(RN4A)的核心流程在QZone的框架启动核心路径剖析一文中讲述得很详细,本文不再赘述,主要解析RN4A里面的Native&JS通信机制。


7.ReactNative iOS源码解析(一)


8.ReactNative iOS源码解析(二)


[推荐].源码层次分析 ReactNative是如何初始化一整套JS/OC通信机制,是如何相互通信的。通篇在讲JS/OC的通信的源代码流程,解释了为什么JS可以调用OC,为什么OC可以调用JS,这相互之间的通信,是如何通过代码进行控制与管理的。


9.别把 (Flexbox) 栅格想得太复杂


10.Redux for Android的尝试


Redux 文档开头就总结了Redux的意义。当然也非常详细的解释了Redux的三大原则和各模块作用,想入门请看Redux中文文档。当你已经理清楚了Action,Reducer,Store直接的关系之后,你会有这样的疑问,Action怎么传递到Reducer中的?Reducer生成的新state又是怎么触发对应页面的刷新的?这个问题我也不想讲,因为这篇文章写的非常好-深入到源码:解读 redux 的设计思路与用法,我其实想从Android开发者的角度谈一谈直接对Redux思想的理解和Redux for Android的尝试。


11.深度了解ES6:魔力四射的生成器 Generators


为什么说ES6的生成器Generators魔力四射?对于初学者来说,它的新特性与JS之前已有的特性截然不同,可能会觉得有点晦涩难懂。但是,从某种意义上来说,它使语言内部的常态行为变得更加强大,如果这都不算有魔力,我不知道还有什么能算。


12.升级 ReactNative 0.29 踩坑


13.超强通用的React Native Tab控制器使用详解-入门篇


14.超强通用的React Native Tab控制器使用详解-进阶篇


官方给我们提供了Tab控制器,但是那个不是双平台通用的,不过借助开源的力量可以实现通用的Tab控制器效果。


15.React Native学习笔记-加载网络上电影数据并且使用listview分批加载.


16.[React Native]动画-LayoutAnimation


实现动画的几种方式:requestAnimationFrame,setNativeProps,LayoutAnimation,Animated。本篇文章我们会介绍前三种方式,以及它们的区别。


17.[React Native]动画-Animated


实现更强大的动画功能,使用高级API—Animated。


18.在React Native 与 React Web Apps 间共用代码


19.分享近期为内部培训 React native 写的材料和视频


20.React-Native 中自定义checkbox组件


这次给大家分享一下 React中 ListView这个组件以及全选和单选按钮的封装使用。当然核心部分还是讲解自定义封装的 checkbox 组件!React 有一个优势就是组件的复用性特别高,在原生组件中,官方并没有向我们提供checkbox这样的多选或单选的组件,因此需要我们自己去封装。


21.React Native 热部署


开源项目

1.[React Native] 一个用纯 js 实现的有非常多炫酷效果的 TextInput


2.React Native的新浪微博登录插件, react-native版本需要0.17.0及以上


视频教程

1.React Native 零基础到高级


在线教育网站菜鸟窝打造的React Native零基础入门到实战项目的全套视频。


2.李宁老师打造的《完全征服React Native视频课程》


关注我的订阅号(codedev123),每天推送分享移动开发技术(Android/iOS),React Native技术文章,项目管理,程序猿日常点滴以及精品技术资讯文章(欢迎关注,精彩第一时间推送)。

再说两句

     特别提醒:微信链接限制,请底部点击阅读原文查看

      本公众号欢迎大家投稿,如果你希望你的文章可以被更多人看到,直接将md、doc等格式的文章到我邮箱即可(781931404@qq.com),也可以加我QQ/微信(781931404)好友,需要注明(投稿),谢谢。



 
江清清 更多文章 React Native开发技术周报第十七期-每期干货你懂得... React Native开源项目-图片展示客户端RN-BiZhi React Native开发技术周报第十八期-框架多角度对比,技术文章,优秀开源项目(房产,B站APP,starter等) React Native开源项目-嘎嘎商城客户端(持续更新中) [RN实战-嘎嘎商城]之仿快递时间轴布局实现(订单状态)
猜您喜欢 他只得了1%,我们不能雇用他 Android开发必备知识:为什么说Kotlin值得一试 让效率快的飞起,设计师电脑使用技巧大盘点(内含多款小编私藏应用) 一图胜千言!八个小诀窍帮你玩转网站背景图设计 Android Service使用拾遗