本文所有代码可以在Github上查看。
react-flux-demo
新建React项目
既然有兴趣打开本文，说明你对React的基本开发应该有所了解。我们教程的第一步就是创建一个新的React项目。我们可以使用一些React Boilerplate项目方便的创建一个新的React项目，比如我之前创建的React Boilerplate：
react_boilerplate
该React Boilerplate的实现过程，可以参考我之前的文章手把手教你基于ES6架构自己的React Boilerplate项目。
或者，也可以使用facebook最新推出的一个类似项目：
create-react-app
我们这里使用f
继续阅读 »
本文翻译自Cory House的博客文章。
React自2013年开源以来，逐步进化演变。当你在网上搜索它时，你会偶尔发现一些讲述过时方法的旧文章。本文就是讲述了团队中编写React组件时需要采取的八项关键决策。
继续阅读 »
Glad you back @Drake
React.Component or React.createClass
刚刚学习 React 的时候，有很多教程创建一个 React 组件的时候，都是使用 React.createClass，那是 ES6 还没有广泛使用的时候的语法，后来在 React v0.13 的时候，就可以使用 ES6 的 class 来创建 React 组件，也就是继承 React.Component。
继续阅读 »
在React组件中定义视图
在开始编写React视图库之前，要先添加react包，这个包囊括了你在Meteor应用中开始运行React所需要所有东西。这个React库自己可以自动将jsx文件编译，并且通过ReactMeteorData的mixin加载数据。我们将会在接下来的步骤中看到如何使用所有的这些东西。
继续阅读 »
Update
[20160725] Facebook 官方提供了一个可以生成React Starter项目的工具，有兴趣可以看下：create-react-app
前言
React技术之火爆无须多言，其与webpack的完美结合，也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发，开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate，我们可以快速的创建一个React项目的架构。
葱哥之前专门创建了一个Github项目用于收集这些boilerplate：awesome-react-boilerplate。当然这里不可能完整收录，但是目前为止已经有近30个
继续阅读 »
Warning
你首先要熟悉基础的React语法
What's React
React 是一个不存在的网络公司Facebook出的JavaScript视图框架。
继续阅读 »
前言
在上一篇文章中，葱哥从零开始创建了一个react的boilerplate，并使用webpack进行build，使其支持ES6，同时使用karma＋mocha等进行单元测试。虽然单元测试有了，但是代码中哪些写了测试，哪些没写呢？本文就将在上一篇文章的基础上为其增加生成代码覆盖率的功能。
代码
本文的最终代码可以在react_boilerplate_v8中查看。
准备工作
react boilerplate代码
首先拿到上一篇文章的代码：
```
git clone https://github.com/jiji262/react_boilerplate.git
cd tutorial/react_boilerp
继续阅读 »
昨天有朋友说让vsc支持react和es6太难配置了，我说直接用webpack吧，vsc仅仅用来敲代码就行了。之所以我这么说，因为我的vsc只是用来敲代码的，常用的git操作，依赖安装都是寄几在终端搞的。于是今天试了一下webpack，也踩了几脚坑，先让我擦干眼泪。
这里是这篇文章涉及到的源代码，如果需要运行可以直接跳到下面的最后一步生成。
如何配置
当你看到最终的是如何实现的时候，我其实是拒绝的，我宁可花长时间写的复杂点，但是很简单，绞尽脑汁也多写不了几行字。
创建目录
cd ~/Desktop
mkdir hello-react
cd hello-react
初始化npm
npm init -y
// 你也可以不
继续阅读 »
这篇中有几个点是受到瑛那同学的指导翻译出来的，表示感谢
添加多用户账户
Meteor带来了一套账户系统然后顺便还带了用户界面来让你可以在几分钟之内在你的应用中添加多用户功能
目前，这套UI组件使用Blaze作为默认的UI引擎，在未来，可能会以React的专有组件来将其替换。
继续阅读 »
Mickey 是一款基于 react、redux、redux-saga 和 react-router 的轻量前端框架，其大部分思路借鉴了 dva，提供了更方便的 model 设计思路和更简单的 actions 管理方案。
more
为什么
基于 redux 的应用避免不了大量的样板代码，还要维护大量的 action-type 常量字符串，这些都是低效和重复的劳动。dva 基于 elm 概念，通过 reducers, effects 和 subscriptions 来组织 model，在减少样本代码层面前进了一大步：
js
{
namespace: 'xxx', // 命名空间，规定了 store 的结构
subscr
继续阅读 »