首页手记 React 16 有哪些更新需要注意

React 16 有哪些更新需要注意

标签：

React.JS

对核心算法重新实现
- 采用了全新的内部架构 "Fiber"
- 提升复杂 React 应用的可响应性和性能
重写服务器端渲染器（randerer）
- 支持流（streaming），可以向客户端更快地发送字节，SSR 速度提高了三倍
更好的错误处理机制
- 新增错误处理生命周期函数：componentDidCatch(error, info)
新增 Portals 函数
- 可以将子节点渲染到父节点之外的 DOM 节点中：ReactDOM.createPortal(children, domNode)
新增 render 返回类型：fragments 和 strings
- render() { return [<Component1>, <Component2>]; }
- render() { return 'Hello React 16!; }
体积更加小巧
- react + react-dom 相比以前版本减少了 32%（使用 Rollup 构建工具；去除了 React 属性的白名单列表）
支持自定义 DOM 属性
- 之前无法识别的 HTML 和 SVG 属性只能忽略，新版本中，可以将它们传递给 DOM 了
更新了开源协议（MIT）
- 改为更宽松的 MIT 协议，容易被社区接受