2022年03月19日(土)

CSSライクに書けるオープンソースのデータバインディングJavaScriptライブラリ・「Corset」

• 0
• 1
• 1
• 4

Corset

See the Pen
Counter example by kachibito (@kachibito)
on CodePen.

CorsetはCSSライクに書けるオープンソースのデータバインディングJavaScriptライブラリです。CSSライクな構文を使ってコンテンツを拡張する事が出来ます。

CSSライクに書けるJS、と言われてもピンと来ない方も少なくないと思いますが、コードを見れば一目瞭然です👇

import sheet, { mount } from 'https://cdn.corset.dev/v1'; mount(document, class { count = 0; bind() { const { count } = this; return sheet` .counter { --count: ${count}; --inc: ${() => this.count = count + 1}; --dec: ${() => this.count = count - 1}; } .coun...