啥也不说，先来看看用我们85行的React.js直接替换别人写好的扫雷项目中的React.js，看看效果怎么样？哈哈，是不是正常运行了。 Attention：一定不要被下面辣么多的代码吓到，因为下面辣么多的代码只是每次在上一个commit的基础上添加几行而已，大部分都是重复，只…

单一职责原则（SRP - single responsibility principle）是编写 React 组件时的基础原则。 所谓职责可能指的是渲染一个列表、显示一个时间选择器、发起一次 HTTP 请求、描绘一幅图表，或是懒加载一个图片等等。组件应该只选择一个职责去实现。当…

这段太长别看：在这系列教程中，你将学会如何使用React和Redux去控制一堆SVG元素来制作一个游戏。这一个系列所带给你的知识也可以让你使用React和Redux去制作其他的动画和特效，并不仅限于游戏。你可以在这里找到第一部分的全部代码：Aliens Go Home - Pa…

这是一个小小的有关react的小例子，希望通过一个小例子，可以让新手更好的了解到react、react-router4.0、redux的集中使用方法。 这是基于create-react-app来开发的，一种简单的快速创建 React web 项目的方式是使用 Create Re…

无状态函数 是定义高度可复用组件的绝妙方法。它们不保存状态，它们仅仅是函数。 它们得到传入的props和context. 它们可以定义函数块内的局部变量。 但使用其他函数可以得到相同的结果。 它们也可以定义defaultProps, propTypes和contextTypes…

在react中，提出了受控与非受控组件，对比我们之前的做法，非受控组件就相当于我们之前的版本，没有默认值，或者一般将初始状态进行设定，而受控组件指的是为其指定默认值以及为事件绑定与控件对应的值。 在react建议中，一般都建议我们写受控组件，这样应用的状态以及数据可以实时把握，…

使用 react 有一段时间了, 也想用 react 去写点什么，平时接触最多的就是 blog 了，于是乎借助 antd 这个 UI 框架设计出了一个极其简约风格的 spa 博客。 前后台分离式开发（项目中也包含博客的后台管理系统），为了方便记录后端开发过程，笔者将后端也一起放…

未能找到一个完美满足这两点的，所以我决定自己造了一个：叫 Stamen。 首先是 简单易用，并且适合中大型项目，Stamen 的 Api 设计借鉴了 dva、mirror、rematch，但却更简单，主要借鉴了它们的 model 的组织方式：state、reducers、eff…

了解相关更多技术，可参考《学习React Native必看的几个开源项目》，接下来 我们来聊一聊相关的React。 Rn是基于React的设计，了解 React有助于我们开发RN应用，React希望将功能分解华，让开发变得像搭积木一样，快速而且具有可维护性。 很多时候，前端有一…