Stateless component也叫无状态组件。有三种方法可以创建无状态组件。 坑 一般一个组件是怎么定义的： 很久以前的方法： {代码...} 后来有了ES6 {代码...} 接ES6的光，看起来好了很多。 填坑 但是，一个组件不需要状态的时候还给出那么多的定义还是不够精炼，太麻烦。于是用stateless component来填这个坑。 {代码...} ...

终于开始新一篇的填坑之旅了。RN厉害的一个地方就是RN可以和Native组件通信。这个Native组件包括native的库和自定义视图，我们今天主要涉及的内容是native库方面的知识。自定义视图的使用会在后面讲到。

这次我们来填React Native生命周期的坑。这一点非常重要，需要有一个清晰的认识。如果你了解Android或者iOS的话，你会非常熟悉我们今天要说的的内容。

React Native自己实现的ListView还有一个隐藏功能那就是Section。Section在文档里连一句话都没有给足，但确确实实的是内置的。使用Section可以给数据分组，并且每一个Section都有一个Header。Section Header可以像iOS的TableView的Section Header一样在滑动的时候保持当前的Section Header浮动在Table View的最上部。

原文在这里。原文作者是为GitHub贡献了5年青春然后被开除了的工程师写的。他通过自己在找工作的见闻，用诙谐的语言写出了如何在面试过程中尽早识别一个创业公司是否靠谱。要了解更多事情的原味可以看这里。

这里包括了Queue, Group, Barrier, Semaphore等内容。基本上常用的GCD对象和方法在Swift3.0的改变都囊括其中。

如同黑夜里的一道光一样，就这么知道了F8. F8是每年一次Facebook每年一次的开发者大会。每次大会都会release相应的APP，iOS、Android都有。之前都是用Native开发的，但是2016的这一次是用React Native开发的。

简单点说，就是在iOS 10下开发者可以更加容易的取消、反转、暂停、重启动画，并且可以修改动画的时序和执行时间。而且以上功能在view controller转场动画上也可以使用。

回头看看RN的填坑之旅系列，发现一路写下来都是我在开发中遇到的问题如何解决的。兴之所至，不问顺序。于是出现一个问题，填坑系列和学习知识的顺序不是很一致。比如今天要说的布局问题。其实在一个app开发之前，就应该有所了解。否则的话每次看到的<View style={{flex: 1}} />代表的是什么呢？上来就是一个疑问。

最近着手开发的一个兼容iOS、Android的TabBar。还在不断开发中！ 地址：[链接] 欢迎fork，欢迎star。 :p 自己捣鼓了个E文的readme，没啥难度凑合可看。 react-native-tabs React Native platform-independent tabs. Originally forked form [链接] Why I need to use it? I'm developing an app which needs to run on b...

依赖注入这个模式（模式已经用烂了，这里再烂一次）是用来给应用的各部分解耦的。使应用开发更加可扩展，更容易维护。通过本文你会学到如何使用Dagger2来处理依赖。

无论React还是RN都已经迈入了ES6的时代，甚至凭借Babel的支持都进入了ES7。ES6内容很多，本文主要讲解类相关的内容。 构造函数 定义侦探类作为例子。 ES5的“类”是如何定义的。 {代码...} ES6定义类： {代码...} ES6使用了class关键字，而且有专门的constructor。ES5里的function ES5Detective既是类的定义，也是构造函数...

React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。

使用React或者RN开发APP如果不知道Diff算法的话简直是说不过去啊。毕竟“知其然，知其所以然”这句老话从远古喊到现代了。 以下内容基本是官网文章的一个总结、压缩。这次要谦虚一下，毕竟深入研究RN的时间不多，如果有什么理解的不对的地方还请各位读者指正。 用React官网的Thinking in React作为例子。 这几个组件的结构...

Flow是一个静态的检查类型检查工具，设计之初的目的就是为了可以发现JavaScript脚本里不容易被发现的错误。在js开发的过程中，总会遇到一些问题。小的还可以，比如用alert或者console等输出一些信息可以debug，并解决。但是如果项目比较大的时候，这些手法只能起到一定的辅助作用。更有甚者，有些问题不运行到那段代码，...

比较精细的动画可以用Animated来控制。但是，在一些简单的界面切换、更新的时候所做的动画里再去计算开始值、结束值和插值器如何运作绝对是浪费时间。

列表显示数据，基本什么应用都是必须。笔者写作的时候RN版本是0.34。今天就来从浅到深的看看React Native的ListView怎么使用。

如果不能从头到尾的建立一个RN应用，那么RN将失色不少。本以为HTTP请求部分需要使用Native的实现，Android和iOS各回各家，各调各库了。Google了一下之后居然RN可以使用fetch库。这个库是用来代替流传已久的XHR的。

动画API提供了一些现成的组件：Animated.View，Animated.Text和Animated.Image默认支持动画。动画API会调用iOS或者Android的本地代码来完成这些组件的位移、大小等动画。这样各种动画在视觉上可以非常的流畅。

从React过来，发现React Native（以下简称RN）居然没有Button。隔壁的iOS是有UIButton的，隔壁的隔壁的Android里也是有的。没有Button，就没有点击效果啊。这还真是让人郁闷了。

Facebook的一帮子工程师在忙碌之余开发除了一套前段UI框架React。这个框架最大的有点就在于让UI的开发都基于组件，这样View都是根据props和state变化的。

android对于主线程的响应时间限制的非常严格，稍有不慎就会遇到Application Not Responding（ANR）的弹框。用户可以轻点手指关掉你的APP。官方文档写的非常明确！同时，保持应用随时响应用户的操作也是良好用户体验的前提。

很久很久以前，就有人用CSS来时给HTML内容添加样式。CSS可以最大限度的分离样式和内容，选择器也可以很方便的给某些元素添加样式。你根本找不到任何不用CSS的理由。

要让Express在ES6下跑起来就不得不用转码器Babel了。首先新建一个在某目录下新建一个项目。然后跳转到这个目录下开始下面的操作。 简单走起 安装babel-cli {代码...} 然后，可以安装一些presets {代码...} 现在就应该安装express了 {代码...} 再创建一个我们要运行的index.js {代码...} 添加如下代码 {代码...} 在packag...

如果需要一大串的任务全部执行完成之后继续后面的，那么就用Promise.all方法，如果要任务顺序执行，并把每次的结果单独处理就用Promise.reduce方法。

跟不上时代的人突然间走在了时代的前列，果然有别样的风景。首先鄙视一下AFNetworking。这个东西实在太难用了。不想封装都不行，要不写一大堆代码。

经历了从swift 1.0 到2.0，一个版本之后代码居然就不兼容了。这如何在团队推广呢？没有想到3.0居然变化更加的大。有多大，来体会一下：

用户认证，只使用用户名、密码还是非常基础的认证方式。现在RESTful API认证最多使用的是oauth2。使用oauth2就需要使用https，并hash处理client secret、auth code以及access token。