Preact（React）核心原理

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

react

在前端界，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 实现原理及细节

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

阅读全文: http://gitbook.cn/gitchat/activity/5dd101add4166663fe0e5884

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。

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

回到顶部