大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的各个方面，包括但不限于衡量性

在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …

本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。 以前有 JSX 语法，必须引入 React。React 1…

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

前段时间烧烤哥一直深陷业务的泥潭不能自拔，终于在过年之前忙完，有时间写写文章总结一下知识了。看了一下，距离上一篇文章已经一个季度了，真的就是季刊了😂。烧烤哥后面会好好写文章的，尽量伪装自己成高产博主。 还记得在之前的《烤透 React Hook》一文中，我们曾深入探究过 Re…

React Fiber 是 React v16.x 推出船新架构，而 Reconciliation 是 React 的 Diff 算法，两者都是 React 的 核心机制。本文将会来研究一下 React Fiber 和 Reconciliation，看看 Fiber 到底是什么…

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…

非常感谢王红元老师的React核心技术实战让我学习到很多 React 的知识。

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟