Reactive UI Framework

SolidJS
无虚拟 DOM 响应式框架

细粒度响应式系统无需虚拟 DOM,Signals 直接驱动真实 DOM,同样的 JSX 语法,比 React 快 10 倍

SolidJS 1.x Signals 细粒度响应式 JSX SolidStart Vite

课程简介

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 等内置组件

🗂️

Store 状态管理

createStore 嵌套响应式,produce / reconcile 高效更新

🌐

路由与导航

SolidRouter 文件路由、动态参数、懒加载

🚀

SolidStart 全栈

服务端函数、SSR/SSG、文件系统路由、数据预取

🔬

性能优化原理

追踪陷阱、lazy 分割、测试、React 迁移建议

前置要求

✅ 熟悉 JavaScript ES6+ 语法(箭头函数、解构、模块)

✅ 了解 JSX 基本语法(有 React 经验更佳,但非必须)

✅ 安装 Node.js 18+,包管理器 npm / pnpm

⚪ 了解响应式编程概念有帮助,但本教程会从零讲解

课程目录