Preact（React）核心原理 分享预告

• Z时代
• 2024-01-10
• 分类：综合

本活动策划：玄魂

文章作者：宝丁

---------------------------------------------------

在前端界，React 一定是我们耳熟能详的前端开发框架之一，它的出现可以说是带给了我们全的 Web 开发体验，其中也带来了许多新的概念：JSX、virtual-dom、组件化、合成事件等。当我们想从源码层面去研究它的原理时，由于 React 的源码的庞大和晦涩难懂，这也会变得异常困难。但是在爱好“造轮子”的前端界，我们会发现一些和 React 有着近乎相同的框架，本文的主人公 Preact 便是其中的佼佼者，一直都是 React 的顶级“备胎”。但是它相对简练的代码，使得我

们更好的去学习和研究它的原理，本文将从以下几个方面介绍：

• Preact 是什么？

• Preact 和 React 的区别有哪些？

• Preact 是怎么工作的

• • JSX

  • Virtual Dom

  • Preact 的 Virtual DOM diff算法

• Preact Hooks 的实现

• 一个组件的生命周期

从本文你可以学习到（这些点也是高级前端面试的常见问题）：

• 一个前端框架的基本组成

• 虚拟 DOM 的实现原理及细节

• Diff 算法细节

• Hooks 实现原理及细节

• 组件生命周期及实现原理

基于此，我们在gitchat发起了一次chat活动，扫描下方二维码报名参与。

-----------------------------------------

福利时间： 订阅号回复”pr“，参与抽奖，有机会抽得现金50元及本次活动免费名额。

欢迎关注

以上是 Preact（React）核心原理 分享预告 的全部内容， 来源链接： utcz.com/z/383241.html