图：Vivivian
介绍
solid是一个用于构建用户界面，简单高效、性能卓越的JavaScript库
Solid 站在 React, Knockout 等巨人的肩膀上。如果你之前用 React Hooks 开发过，Solid 应该看起来很自然。事实上，Solid 模型更简单，没有 Hook 规则。每个组件执行一次，随着依赖项的更新，钩子和绑定会多次执行。
Solid 遵循与 React 相同的理念，具有单向数据流、读/写隔离和不可变接口。但是放弃了使用虚拟 DOM，使用了完全不同的实现。
Svelte 之于 Vue 就像 Solid 之于 React , 更低的功耗，更高的性能 , Svelte和Solid就像是电动车，vue和react就像是燃油车，OH!
感受一下
1<html>2 <body>3 <script type="module">4 import {5 createSignal,6 onCleanup7 } from "https://cdn.skypack.dev/solid-js";8 import { render } from "https://cdn.skypack.dev/solid-js/web";9 import html from "https://cdn.skypack.dev/solid-js/html";10 import confetti from "https://cdn.skypack.dev/canvas-confetti";11 import moment from "https://cdn.skypack.dev/moment";1213 const App = () => {14 const [count, setCount] = createSignal(0);1516 const timer = setInterval(() => setCount(count() + 1), 1000);1718 const handleAdd = (params) => {19 setCount((count) => count + params);20 confetti();21 console.log(moment().format());22 };2324 onCleanup(() => clearInterval(timer));2526 return html`<div>${count}</div>27 <button onClick=${[handleAdd, 2]}>ADD</button>`;28 };29 render(App, document.body);30 </script>31 </body>32</html>
在线体验
skypack 用起来感觉也是极好的，Amazing
这种编程体验是不是又回到了10年前最纯的样子，看似回到了原点，实则是另一个起点。
