react进阶

【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开发的话。应该要说的很多都在进阶这一块里面。

    推荐阅读