果果_KK

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学好这些设计模式，那就是一个字

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。

最近前端已死这个话题很火，同时带来的社会效应也很大。在外行看来，以为市场上已经不需要前端了，原本要入行的朋友们也不敢入行了；对于已经入行的朋友们，也会因为这句话增添几分焦虑。

context译为‘上下文’，很多编程语言都有，react也有。 react常用context进行多级组件的数据传递。实现组件跨层级通信。 创建一个 Context 对象。 那个匹配的 Provider 中读取到当前的 context 值。 组件订阅 context 的变化。⼀…

使用createContext的正确姿态 本文介绍一下 React 中常见的 Context API 在class和Hook中的使用方式。在使用 Context API 之前，我们还需要知道为啥要使用

个人理解转成大白话：Context提供了一个局部的全局作用域，使用Context则无需再手动的逐层传递props。 导入useContext钩子函数,该函数接收createContext()的返回值,返回的结果为该context的当前值,当前的 context 值由上层组件中距…

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的

1 简介 Hook 是 React 16.8 的新增特性，它让你在不写 类组件 class component 时也能使用 state 以及其他的 React 特性。 Hook 提供了强大而富有表现力