solid 没有虚拟 DOM,重编译轻运行。性能强大

image.png

不会像react更新状态需要重新渲染整个组件,solid可以做到哪里状态变化的哪个地方更新,不同于 React,组件只会初始化一次,并不是 state 改变就重新运行渲染整个组件,这类似于 Vue3 的 setup和响应式更新(更新颗粒度为节点级)

const App = ({ var1, var2 }) => (
  <>
    var1: {console.log("var1", var1)}
    var2: {console.log("var2", var2)}
  </>
);
//上面这段代码在 var1 单独变化时,仅打印 var1,而不会打印 var2,在 React 里是不可能做到的。

缺点

Afun目前看来无特别复杂的业务功能需求,追求极致性能可以考虑采用solid.js vite+csr模式进行重构开发,