分类: react.js

关于react.js:聊一聊-React-的key

当根节点为不同类型的元素时,React 会卸载原有的树并且建设起新的树。举个例子,当一个元素从 变成 <img>,从 <Article> 变成 <Comment>…

关于react.js:React高级特性之Context

在典型的React利用中,数据是通过props,自上而下地传递给子组件的。然而对于被大量组件应用的固定类型的数据(比如说,本地的语言环境,UI主题等)来说,这…

关于react.js:React高级特性之Render-Props

如果一个组件有一个render属性,并且这个render属性的值为一个返回React element的函数,并且在组件外部的渲染逻辑是通过调用这个函数来实现的。那么,咱们就…

关于react.js:reactSuspense工作原理分析

Suspense 目前在 react 中个别配合 lazy 应用,当有一些组件须要动静加载(例如各种插件)时能够利用 lazy 办法来实现。其中 lazy 承受类型为 Promise<() =&…

关于react.js:React性能优化的8种方式

Fiber 架构是React16中引入的新概念,目标就是解决大型 React 利用卡顿,React在遍历更新每一个节点的时候都不是用的实在DOM,都是采纳虚构DOM,所以能够了解…

关于react.js:React核心工作原理

用 JavaScript 对象示意 DOM 信息和构造,当状态变更的时候,从新渲染这个 JavaScript 的对象构造。这个 JavaScript 对象称为virtual dom;