细粒度响应式系统无需虚拟 DOM,Signals 直接驱动真实 DOM,同样的 JSX 语法,比 React 快 10 倍
课程简介
SolidJS 是由 Ryan Carniato 创建的高性能响应式 UI 框架。它彻底放弃了虚拟 DOM 的设计,转而使用细粒度响应式系统(Fine-grained Reactivity)——组件只在初始化时运行一次,之后由 Signals 精确驱动 DOM 更新,没有任何多余的计算。
在 js-framework-benchmark 等权威基准测试中,SolidJS 的性能接近原生 JavaScript,远超 React、Vue、Angular。如果你已经掌握 React,学习 SolidJS 的成本极低——同样使用 JSX,但心智模型更简单、性能更出色。
你将学到什么
Signals、Effects、Memos 的工作原理与使用技巧
Show、For、Switch、Dynamic、Portal 等内置组件
createStore 嵌套响应式,produce / reconcile 高效更新
SolidRouter 文件路由、动态参数、懒加载
服务端函数、SSR/SSG、文件系统路由、数据预取
追踪陷阱、lazy 分割、测试、React 迁移建议
前置要求
✅ 熟悉 JavaScript ES6+ 语法(箭头函数、解构、模块)
✅ 了解 JSX 基本语法(有 React 经验更佳,但非必须)
✅ 安装 Node.js 18+,包管理器 npm / pnpm
⚪ 了解响应式编程概念有帮助,但本教程会从零讲解
课程目录