浅谈React性能优化的方向

原文地址:https://juejin.im/post/5d045350f265da1b695d5bf2#heading-0

React 渲染性能优化的三个方向,其实也适用于其他软件开发领域,这三个方向分别是:

  • 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度
  • 利用缓存。-> 对应到 React 中就是如何避免重新渲染,利用函数式编程的 memo 方式来避免组件重新渲染
  • 精确重新计算的范围。 对应到 React 中就是**绑定组件和状态关系, 精确判断更新的’时机’和’范围’.

只重新渲染’脏’的组件,或者说降低渲染范围**

全文

21 个 React 性能优化技巧

原文地址:https://www.infoq.cn/article/KVE8xtRs-uPphptq5LUz

React 为高性能应用设计提供了许多优化方案,本文列举了其中的一些最佳实践。

全文

经常被面试官考的 JavaScript 数据类型知识你真的懂吗?

原文地址:https://mp.weixin.qq.com/s/uYxyDfqUJ2F1G5Iyj9bDiw

全文

TypeScript 3.7 来了,支持 Optional Chaining!

微软正式为开发者们带来了最新的 TypeScript 3.7 版本。在本版本中,TypeScript 支持了第 16 个 issue 中提到的
Optional Chaining。

全文

React Hooks 详解+项目实战

原文地址:https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d

全文

重磅!微软发布 Visual Studio Online:Web 版 VS Code + 云开发环境

原文地址:https://zhuanlan.zhihu.com/p/90094288

今天(北京时间 2019 年 11 月 4 日),在 Microsoft Ignite 2019 大会上,微软正式发布了 Visual Studio
Online 公开预览版!

今天发布的 Visual Studio Online 与五月份发布的 Visual Studio Code Remote
Development
可以说是微软今年在开发工具领域最重磅的两个新产品了。

全文

webpack常用的plugin

webpack 常用的 plugin

全文

腾讯原生小程序框架 OMIX 2.0 发布

  • [腾讯原生小程序框架 OMIX 2.0

发布](https://github.com/Tencent/omi/tree/master/packages/omix)

全文

优化CSS并加速网站的21种方法

原文地址:https://mp.weixin.qq.com/s/9vPBOPkfPgNqOxsoeztjEw

CSS 必须通过一个相对复杂的管道,就像 HTML 和
JavaScript一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于DOM。由于优化程度极高,这个过程通常非常快——对于不基于框架的小型 web
项目,CSS通常只占总资源消耗的一小部分。

全文

CSS 开发必知必会的 16 个DevTools技巧

原文地址:https://mp.weixin.qq.com/s/Fb4LYMlrAN8s4FdRw1JefQ

大多数开发者基本都使用浏览器的开发者工具调试前端,但即使用了好几年 Chrome 的开发者工具,我仍然会遇到从未见过的技巧和功能。

全文

🌓