solid 没有虚拟 DOM,重编译轻运行。性能强大
不会像react更新状态需要重新渲染整个组件,solid可以做到哪里状态变化的哪个地方更新,不同于 React
,组件只会初始化一次,并不是 state
改变就重新运行渲染整个组件,这类似于 Vue3
的 setup
和响应式更新(更新颗粒度为节点级)
const App = ({ var1, var2 }) => (
<>
var1: {console.log("var1", var1)}
var2: {console.log("var2", var2)}
</>
);
//上面这段代码在 var1 单独变化时,仅打印 var1,而不会打印 var2,在 React 里是不可能做到的。
DOM操作
,无虚拟DOM
,极小的运行时React
的使用体验,便于快速上手Afun目前看来无特别复杂的业务功能需求,追求极致性能可以考虑采用solid.js vite+csr模式进行重构开发,