Solid.js All In One

Solid.js All In One

Simple and performant reactivity for building user interfaces.

No Virtual DOM! No Dirty Checking Digest Loop!

没有虚拟 DOM！没有脏检查摘要循环！

Solid 是一个用于制作交互式 Web 应用程序的 JavaScript 框架。
它利用自定义编译器将 JSX（一种受 HTML 启发的 JavaScript XML 方言）转换为高性能的 DOM 操作。
更新则由细粒度的响应式系统提供支持，响应式系统减少了对比差异的开销，从而获得最佳性能。 🚀

https://www.solidjs.com/

install

$ npm i solid-js
# or
$ yarn add solid-js

https://www.npmjs.com/package/solid-js

https://github.com/solidjs/solid

demo

import { createSignal, createEffect } from "solid-js";

const [count, setCount] = createSignal(1);

// count is function ✅
let doubleCount = () => count() * 2;

setInterval(() => {
  setCount(count() + 1);
}, 1000);

createEffect(() => {
  // doubleCount is function ✅
  console.log('new doubleCount =', doubleCount());
});

性能对比

refs

https://github.com/ufo-github/solid.js-all-in-one

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---