与官方React的对比.md

顶层API 对照表

preact(-compat) 是指preact+ peact-compat

名称	类别	React	anu	preact(-compat)
React.Component	class	✔️	✔️	✔️
React.PureComponent	class	✔️	✔️	✔️
React.createClass	Top-Level API	✔️	✔️	✔️
React.createElement	Top-Level API	✔️	✔️	✔️
React.cloneElement	Top-Level API	✔️	✔️	✔️
React.createFactory	Top-Level API	✔️	✔️	✔️
React.isValidElement	Top-Level API	✔️	✔️	✔️
React.createPortal(16.0新)	Top-Level API	✔️	✔️	✖️
React.createContext(16.3新)	Top-Level API	✔️	✔️	✖️
React.Fragment(16.2新)	Top-Level API	✔️	✔️	✖️
React.DOM	Top-Level API	✔️	✖️	✔️
React.PropTypes	Top-Level API	✔️	compat	compat
React.Children	Top-Level API	✔️	✔️	✔️
ReactDOM.render	Top-Level API	✔️	✔️	✔️
ReactDOM.unmountComponentAtNode	Top-Level API	✔️	✔️	✔️
ReactDOM.unstable_renderSubtreeIntoContainer	Top-Level API	✔️	✔️	✔️
ReactDOM.findDOMNode	Top-Level API	✔️	✔️	✔️
ReactDOMServer.renderToString	Top-Level API	✔️	✔️	✔️
ReactDOMServer.renderToStaticMarkup	Top-Level API	✔️	✖️	✖️

其中，createClass，isValidElement，PropTypes，Children，unmountComponentAtNode，unstable_renderSubtreeIntoContainer不建议大家使用了。

组件实例API 对照表

名称	类别	React	anu	preact(-compat)
Instance .setState	Component API	✔️	✔️	✔️
Instance .replaceState	Component API	✔️	✖️	✔️
Instance .forceUpdate	Component API	✔️	✔️	✔️
Instance .isMounted	Component API	✔️	✔️	✔️

组件Specs 对照表

名称	类别	React	anu	preact(-compat)
render	Specs	✔️	✔️	✔️
state	Specs	✔️	✔️	✔️
defaultProps	Specs	✔️	✔️	✔️
propTypes	Specs	✔️	✔️	✔️

组件生命周期 对照表

名称	类别	React	anu	preact(-compat)
componentWillMount(合并setState)	Component Lifecyle	✔️	✔️	✔️
componentDidMount	Component Lifecyle	✔️	✔️	✔️
componentWillReceiveProps(合并setState)	Component Lifecyle	✔️	✔️	✔️
shouldComponentUpdate	Component Lifecyle	✔️	✔️	✔️
componentWillUpdate	Component Lifecyle	✔️	✔️	✔️
componentDidUpdate	Component Lifecyle	✔️	✔️	✔️
componentWillUnmount	Component Lifecyle	✔️	✔️	✔️
componentDidCatch(16.0新)	Component Lifecyle	✔️	✔️	✖️
getDerivedStateFromProps（16.2新）	Component Lifecyle	✔️	✔️	✖️

名称	类别	React	anu	preact(-compat)
React.Component	class	✔️	✔️	✔️
React.PureComponent	class	✔️	✔️	✔️
React.createClass	Top-Level API	✔️	✔️	✔️
React.createElement	Top-Level API	✔️	✔️	✔️
React.cloneElement	Top-Level API	✔️	✔️	✔️
React.createFactory	Top-Level API	✔️	✔️	✔️
React.isValidElement	Top-Level API	✔️	✔️	✔️
React.createContext(16.3新)	Top-Level API	✔️	✔️	✖️
React.Fragment(16.2新)	Top-Level API	✔️	✔️	✖️
React.DOM	Top-Level API	✔️	✖️	✔️
React.PropTypes	Top-Level API	✔️	compat	compat
React.Children	Top-Level API	✔️	✔️	✔️
ReactDOM.render	Top-Level API	✔️	✔️	✔️
ReactDOM.unmountComponentAtNode	Top-Level API	✔️	✔️	✔️
ReactDOM.unstable_renderSubtreeIntoContainer	Top-Level API	✔️	✔️	✔️
ReactDOM.findDOMNode	Top-Level API	✔️	✔️	✔️
ReactDOMServer.renderToString	Top-Level API	✔️	✔️	✔️
ReactDOMServer.renderToStaticMarkup	Top-Level API	✔️	✖️	✖️
ReactDOMServer.renderToNodeStream	Top-Level API	✔️	✖️	✔️

其中，createClass，isValidElement，PropTypes，Children，unmountComponentAtNode，unstable_renderSubtreeIntoContainer不建议大家使用了。

组件实例API 对照表

名称	类别	React	anu	preact(-compat)
Instance .setState	Component API	✔️	✔️	✔️
Instance .replaceState	Component API	✔️	✖️	✔️
Instance .forceUpdate	Component API	✔️	✔️	✔️
Instance .isMounted	Component API	✔️	✔️	✔️

组件Specs 对照表

名称	类别	React	anu	preact(-compat)
render	Specs	✔️	✔️	✔️
state	Specs	✔️	✔️	✔️
defaultProps	Specs	✔️	✔️	✔️
propTypes	Specs	✔️	✔️	✔️

组件生命周期 对照表

名称	类别	React	anu	preact(-compat)
componentWillMount(合并setState)	Component Lifecyle	✔️	✔️	✔️
componentDidMount	Component Lifecyle	✔️	✔️	✔️
componentWillReceiveProps(合并setState)	Component Lifecyle	✔️	✔️	✔️
shouldComponentUpdate	Component Lifecyle	✔️	✔️	✔️
componentWillUpdate	Component Lifecyle	✔️	✔️	✔️
componentDidUpdate	Component Lifecyle	✔️	✔️	✔️
componentWillUnmount	Component Lifecyle	✔️	✔️	✔️
componentDidCatch(16.0新)	Component Lifecyle	✔️	✔️	✖️
getDerivedStateFromProps（16.2新）	Component Lifecyle	✔️	✔️	✖️

特性支持对照

名称	React	anu	preact(-compat)
contextTypes	✔️	✔️	✔️
getChildContext	✔️	compat	compat
ref（两种形式）	✔️	✔️	✔️️
cloneElement后字符串ref的正确处理	✔️	✔️	✖️
getDOMNode	✔️	✔️	✖️
componentDidUpdate调用setState不会卡死	✔️	✔️	✖️
无状态组件的模块模式组件	✔️	✔️	✖️
相同虚拟DOM的context穿透更新策略	✔️	✔️	✖️
style对象	✔️	✔️	✖️
onEvent（尤其是onChange/MouseEnter/Focus的支持）	✔️	✔️	✖️
onEventCapture	✔️	✔️	✖️
dangerouslySetInnerHTML	✔️	✔️	✖️
（非）受控组件	✔️	✔️	✖️
IE8支持	✔️（高版本不支持）	✔️	✖️
组件返回数组或 es6 Set/Map/Itertor	✔️	✔️	✖️

anu提交ReactIE＋polyfill可以兼容到IE6，三方都支持React官方的Chrome DevTools