react进阶

参看react中文文档的react高级指南

JSX

只是React.createElement(component, props, ...children)的语法糖

PropTypes

可以利用propTypes进行内容检查，但是由于性能问题。只在开发模式下使用，后续有需求再去研究，先不做了解。

静态参数检查

一般大型项目都采用Flow或者Typescript。后续需要使用时在看。

refs 和Dom

可以利用refs来取得dom对象。后续使用细看，目前只是有个概念。

不受控组件

利用refs配合表单元素可以快速对接react。defaultValue可以设置不受控组件默认值。需要在使用中探索。

不使用ES6

将ES6语法利用ES5替代，需要的时候再细看。

不使用JSX

所有的JSX都是React.createElement(component, props, ...children)的语法糖

一致性比较（reconciliation）

react树的对比算法，目前知识有点了解，需要使用后再回头看看。

上下文（context）

不熟悉redux的不建议使用- -实验性API。等需要用的时候再看存不存在吧。

片段（fragments）

对于处理表格或列表来说是个很好的解决方案。fragment中只有key属性。

插槽（portals）

portal可以将子元素挂载在任意dom元素中。而且可用事件冒泡做更高级的抽象（事件冒泡这一块需要了解）

错误边界（Error Boundaries）

react16的新概念。定义了componentDidCatch(error, info)的新生命周期方法。

错误边界 无法 捕获如下错误:

• 事件处理 （了解更多）
• 异步代码 （例如 setTimeout 或 requestAnimationFrame 回调函数）
• 服务端渲染
• 错误边界自身抛出来的错误 （而不是其子组件）

目前还在了解概念阶段，都只是简单了解。后续有所体会再来接着补充。如果真的使用react开发的话。应该要说的很多都在进阶这一块里面。