摘要：flow不是React Native必会的技能，但是作为正式的产品开发优势很有必要掌握的技能之一。所以，算是RN填坑之旅系列的番外篇。 Flow是一个静态的检查类型检查工具，设计之初的目的就是为了可以发现JavaScript脚本里不容易被发现的错误。在js开发的过程中，总会遇到一些问题。小的还可以，
阅读全文
摘要：如同黑夜里的一道光一样，就这么知道了F8. F8是每年一次Facebook每年一次的开发者大会。每次大会都会release相应的APP，iOS、Android都有。之前都是用Native开发的，但是2016的这一次是用React Native开发的。 FB开源了RN的App 这次fb不仅开源了纯RN
阅读全文
摘要：无论React还是RN都已经迈入了ES6的时代，甚至凭借Babel的支持都进入了ES7。ES6内容很多，本文主要讲解类相关的内容。 构造函数 定义侦探类作为例子。 ES5的“类”是如何定义的。 ES6定义类： ES6使用了 class 关键字，而且有专门的 constructor 。ES5里的 既是
阅读全文
摘要：React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。 本文所使用的是React Native 0.3
阅读全文
摘要：使用React或者RN开发APP如果不知道Diff算法的话简直是说不过去啊。毕竟“知其然，知其所以然”这句老话从远古喊到现代了。 以下内容基本是 "官网文章" 的一个总结、压缩。这次要谦虚一下，毕竟深入研究RN的时间不多，如果有什么理解的不对的地方还请各位读者指正。 React的组件在渲染之后组成了
阅读全文
摘要：比较精细的动画可以用 来控制。但是，在一些简单的界面切换、更新的时候所做的动画里再去计算开始值、结束值和插值器如何运作绝对是浪费时间。 RN正好给我们提供了 来解决这个问题。按照官方的说法： 就是用于在下一个绘制或者布局周期（render/layout cycle)里处理界面中全部视图的动画的。 下
阅读全文
摘要：动画是提高用户体验不可缺少的一个元素。恰如其分的动画可以让用户更明确的感知当前的操作是什么。 无疑在使用React Native开发应用的时候也需要动画。这就需要知道RN都给我们提供了那些动画，和每个动画可以处理的功能有哪些。 填坑材料Animated 动画API提供了一些现成的组件： ，`Anim
阅读全文
摘要：从React过来，发现React Native（以下简称RN）居然没有Button。隔壁的iOS是有UIButton的，隔壁的隔壁的Android里也是有的。没有Button，就没有点击效果啊。这还真是让人郁闷了。 坑 什么叫Button。略去各种细节可以得出一个定义：可以处理用户点击，在用户按下的
阅读全文
摘要：React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 在使用
阅读全文
摘要：React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 如果你
阅读全文
摘要：React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" 前一篇
阅读全文
摘要：React与ES6系列： 1. "React与ES6（一）开篇介绍" 2. "React和ES6（二）ES6的类和ES7的property initializer" 3. "React与ES6（三）ES6类和方法绑定" 4. "React与ES6（四）ES6如何处理React mixins" ES2
阅读全文
摘要：很久很久以前，就有人用CSS来时给HTML内容添加样式。CSS可以最大限度的分离样式和内容，选择器也可以很方便的给某些元素添加样式。你根本找不到任何不用CSS的理由。 但是在React这里就是另外一回事了，虽然React不是不用CSS。但是，它在给元素添加样式的时候方式不同。React的核心哲学之一
阅读全文
摘要：Facebook的一帮子工程师在忙碌之余开发除了一套前段UI框架 。这个框架最大的有点就在于让UI的开发都基于 ，这样View都是根据props和state变化的。 项目地址：https://github.com/future challenger/petshop/tree/master/clien
阅读全文
摘要：要让Express在ES6下跑起来就不得不用转码器Babel了。首先新建一个在某目录下新建一个项目。然后跳转到这个目录下开始下面的操作。 简单走起 安装 然后，可以安装一些 "presets" 现在就应该安装 了 再创建一个我们要运行的 添加如下代码 js import Express from '
阅读全文
摘要：`mongoose Model`。 下面就是用 "上一篇" 的代码来演示如何把mongoose的数据库操作里的回调地狱（callback hell）轻松化解掉。 上一篇Petshop的代码在 "这里" 。 打开Promise的开关 已经开启了对Promise的支持，只需要指定明确的Promise库就
阅读全文
摘要：NodeJs 关系数据库ORM库：Bookshelf.js bookshelf.js是基于knex的一个关系型数据库的ORM库。简单易用，内置了Promise的支持。这里主要罗列一些使用的例子，例子就是最好的教程。下面就是用mysql作为实例数据库表明bookshelf如何使用。其他的几个关系型数据
阅读全文
摘要："前篇 基本认证，用户名密码" "后篇 OAuth2 认证" 由于宠物店的业务发展需要，我们需要一种更加便捷的方式来管理日益增多的宠物和客户。最好的方法就是开发一个APP，我可以用这个APP来添加、更新和删除宠物。同时，业务要给宠物店的会员用户有限查看某些宠物。 我们在开发中会用到NodeJs以及基
阅读全文
摘要："前篇 基本认证，用户名密码" "后篇 OAuth2 认证" "前文" 使用包 实现了一个简单的用户名、密码认证。本文改用oauth2来实现更加安全的认证。全部代码在 "这里" 。 OAUTH2 用户认证，只使用用户名、密码还是非常基础的认证方式。现在RESTful API认证最多使用的是oauth
阅读全文
摘要：测试是保证软件质量必不可少的一环。测试有很多形式：手动、自动、单元测试等等。这里我们只聊使用Mocha这个框架在Nodejs中实现单元测试。单元测试是测试等重要组成，这样的测试只对于一个方法，这样的一小段代码，实施有针对的测试。 这里会逐步深入的讲解单元测试。首先是最简单的单元测试，没有外部依赖，只
阅读全文
