# 阅读preact源码解析-1

[preact源码阅读（一）](https://juejin.cn/post/6870681907613450254)

render方法，将vnode转化成node插入到dom节点中。

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1736921709649/e2afbf6b-69af-4130-bffc-c5f0a064473e.png align="center")

函数组件和class组件

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1736921868345/6d7ba1c8-831c-463f-8141-814874d9a5b1.png align="center")

父子组件的生命周期

父render前，父render，子render前，子render，子render后，父render后