Preact（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 专享技术内容哦。