React广受好评的一个重要原因就是组件化开发，一方面分模块的方式便于协同开发，降低耦合，后期维护也轻松；另一方面使得一次开发，多处复用成为现实，甚至可以直接复用开源React组件。开发完一个组件后，我们需要插入DOM中，一般使用如下代码

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

经过babel转码后为

ReactDOM.render(
        React...

React受大家欢迎的一个重要原因就是可以自定义组件。这样的一方面可以复用开发好的组件，实现一处开发，处处调用，另外也能使用别人开发好的组件，提高封装性。另一方面使得代码结构很清晰，组件间耦合减少，方便维护。ES5创建组件时，调用React.createClass()即可. ES6中使用class myComponent extends React.Component, 其实内部还是调用createClass创建组件。

组件创建我们可以简单类比为Java中ClassLoader加载class。下...

高阶组件（HOC）是react中对组件逻辑进行重用的高级技术。但高阶组件本身并不是React API。它只是一种模式，这种模式是由react自身的组合性质必然产生的。

具体而言，高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件

高阶组件在React第三方库中很常见，比如Redux的connect方法和Relay的createContainer.

我们通过普通函数来理解什么是高阶组件哦~

1.最普通的方法，一个welcome，一个goodbye。两个函数先从localStorage...

React 是 Facebook 开发的构建用户界面的类库.
它从设计之初就将性能作为重点.
这篇文章我展示 diff 算法和渲染过程怎样工作, 你可以借鉴优化自己的应用.

在深入实现的细节之前, 需要了解一下 React 怎样工作的.

class MyComponent extends React.Component{
    render() {
        if (this.props.first) {
            return <div className="first"...

原文地址

React 是围绕可重用组件的概念设计的。你定义小组件并将它们组合在一起形成更大的组件。

无论大小，所有组件都是可重用的，甚至在不同的项目中也是如此。

React 组件最简单的形式，就是一个普通的 JavaScript 函数：

function Button (props) {
  // 这里返回一个 DOM 元素，例如：
  return <button type="submit">{props.label}</button...