前言

有了 React 源码的阅读经验之后，阅读 SolidJS 源码要轻松很多。我此处所说的经验大概包括：

• 源码源码的方法和技巧，克服难点的耐心和信心，良好的笔记经验。
• 对框架的某些思想的感悟和敏感度，大致猜测会是怎样的编码思路。
• 由易至难的阅读经验，阅读思路的提升。

目标

本次阅读 SolidJS 源码需要达到如下的目标：

• 针对 React 所暴露的问题，考察社区中比较优秀的解决思路和方案。
• 了解目前前端社区较为优秀和前言的前端框架的设计理念和技术，如去除 VDOM、细粒度更新、重编译轻运行等。
• 学习响应式编程的理念。
• 总结和提炼前端框架编写面临的核心问题和总体思路。
• 学习 SSR 的渲染原理。

思路

本次阅读将不再遵从 React 类似的渲染流程来看，而是分成前端框架的几个大模块来看：

• 渲染（Render）
• 响应式（reactivity）
• 数据流（Data Flow）
• 服务端渲染（SSR）

Plan 计划

SolidJS 源码精讲：

• 渲染原理之组件结构与 JSX 编译

改进方向

• 图解
• 文章太长