简评：组件（component）是 React 的核心，了解它们有助于构建好的设计结构。 什么是组件（component） 组件运行你将 UI 拆分为独立的可重用的部分。和 JavaScript 函数类似，组件接收名为 props 的输入并返回 React 元素，它描述（声明 ...

　　目前较为流行的react确实有很多优点，例如虚拟dom，单向数据流状态机的思想。还有可复用组件化的思想等等。加上搭配jsx语法和es6，适应之后开发确实快捷很多，值得大家去一试。其实组件化的思想一直在提，原来的开发中也会抽一些公共的模块出来。但是react带来的思想冲击是革命性的，套用一句 ...

...

我们都知道，基于props做组件的跨层级数据传递是非常困难并且麻烦的，中间层组件要为了传递数据添加一些无用的props。而react自身早已提供了context API来解决这种问题，但是16.3.0之前官方都建议不要使用，认为会迟早会被废弃掉。说归说，很多库已经采用了context API ...

目录： 1. 类组件有自己的状态 2. 继承React.Component-会有生命周期和this 3. 内部需要一个render函数（类组件会默认调用render方法，但不会默认添加，需要手动填写render函数，并return一个能渲染的值。） 4. 类组件的基本架构 5. ...

前言： 　　react反模式 （anti-patterns）指的是违背react思想（flux）的coding方式。 　　本文在 App 组件中，通过 Model.show 动态显示 Model 组件，通过 Promise 异步的形式实现数据交互。 　　本例子包括了 1.不使用jsx动态显示 ...

欢迎指导与讨论 : ） 　　前言 　　　　文章的最后能写出以 Modal.open( ) 这种调用形式，动态显示React对话框组件的写法（类似于ant design），同时涉及数据交互（数据能异步地返回给调用者）。笔者将和大家一起探讨这种写法的大概思路、难点，细节问题欢迎指出和补充。 O ...

前言 本文讲述怎么实现动态加载组件，并借此阐述适配器模式。 一、普通路由例子 以上是最常见的React router。在简单的单页应用中，这样写是ok的。因为打包后的单一js文件bundle.js也不过200k左右，gzip之后，对加载性能并没有太大的影响。 但是，当产品经历多次迭代后 ...