有了solid-labels 这下 SolidJS 更好用了,直接起飞.

最近发现了一个叫做 solid-labels 的 SolidJS 工具库

把 SolidJS 的所有 API 都进行了简化. 用起来是真的爽 , 开发体验非常棒,

这不得干翻 Vue , React ..

Solid-labels Github

Solid Github

定义变量

之前在 SolidJS 中这样定义变量 ( 类似 React Hooks )

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

console.log( count() ) // 读取
setCount(10) // 改变值

有了 solid-labels 后

// let list = $signal<MyModel[]>(); // 默认初始值为 undefined
let count = $signal(0);

甚至还可以这样 (在变量的上面加一个注释)

// @signal
let count = 0;

这样

signal: count = 0;

可以像普通变量一样使用

console.log( count ) // 读取
count = 10 ; // 改变值

更多的API到 Solid-labels 的Github看.. -> solid-labels README

javascript
212 views
Comments
登录后评论
Sign In
·

很好,但还是不如 svelte

·
// @signal
let count = 0;

这种写法有点 hack,容易出事