future_challenger的专栏

简介学完这篇博文，你可以对React，这个著名的Facebook的库有一定程度的理解，并能开始实践。再完成后续的学习之后你可以掌握React。在正式开始以前，先了解一些相关的概念。什么是React？React是一个Facebook开发的UI库。使用这个库可以很方便的开发交互式的、具有表达力的和可重用的UI组件。并且这个库已经在facebook和instagram.com的产品中使用。这个库的另外一个

mixin在javascript里可以看作是一种从别的对象”借用”功能的方法。每一个新定义的对象都有一个 prototype属性，其他的对象就可以从这里”借用”功能。这里的功能可以是一个属性，也可以是一个方法。mixins这种借用在 javascript里非常的适用。在重用代码的时候可以使用mixins来实现继承，也可以达到类似多继承的效果。假设我们定义了这么一个对象：var myMixins =

ES6提供了两个处理异步Js的特性：Promise和Generator。我们这里会介绍这两个新特性，并在最后讲解如何使用Generator。为了使本文更加贴近实际，我们使用一个网络请求库request来作为异步任务的实例使用。request库是一个强大而简单易用的网络请求库。她支持http和https，也支持redirect。以后在新的工作里也许就会用得着。基本概念如果你使用过其他的编程语言，那么一

无论React还是RN都已经迈入了ES6的时代，甚至凭借Babel的支持都进入了ES7。ES6内容很多，本文主要讲解类相关的内容。构造函数定义侦探类作为例子。ES5的“类”是如何定义的。function ES5Detective() { console.log('##ES5Detective contructor');}ES6定义类：class ES6Detective { constru

Fetch API一个隐藏最深的秘密就是AJAX的实现底层的XMLHttpRequest，这个方法本来并不是造出来干这事的。现在有很多优雅的API包装XHR，但是这远远不够。于是有了fetch API。我们来看看这个API的基本用法。最新的浏览器都已经支持这个方法了。XMLHttpRequestXHR对于我来说太过复杂，用起来大概是这样的：// 开始XHR这些if (window.XMLHttpR

Facebook的一帮子工程师在忙碌之余开发除了一套前段UI框架React。这个框架最大的有点就在于让UI的开发都基于组件，这样View都是根据props和state变化的。虽然学React比起来其他的前端框架要容易不少，但是其生态的各种工具（Babel, Webpack）却着实让人费一番功夫。事实上，这些工具不只适用于React。但是为了发挥ES2015和JSX的威力需要它们。这里，我们主要讨论如

Graphql入门GraphQL是一个查询语言，由Facebook开发，用于替换RESTful API。服务端可以用任何的语言实现。具体的你可以查看Facebook关于GraphQL的文档和各种语言的实现GraphQL的小历史早在2012年，Facebook认为人们只有在离开PC的时候才会用智能手机，很快他们就发现这个认识是多么的错误！于是Facebook把注意力从Web移到了智能终端上。在那个时候