DX-first UI rendering library.
- ๐ฅณ Delightful
- With an API designed to be intuitive and user-friendly, web development becomes effortless with Dlight, whether you're building a simple website or a complex web application.
- ๐ Performant
- With a minuscule file size of just 5KB, DLight is lightning-fast and ultra-lightweight, delivering optimal performance without the need for manual optimization.
- โจ DX-first
- DLight uses the syntax of function calls and dot notation to make development more enjoyable, without the need to write outdated and hard-to-read XML code.
- ๐ชถ Intuitively Simple
- DLight is born reactive and is designed to be intuitively simple, with a minimalistic API that requires no memorization of complex functions or libraries.
import { View } from "@dlightjs/dlight"
@View
class MyComp {
night = false
fruits = ["๐", "๐", "๐ฅ"]
Body() {
h1("hello, dlight js")
for (const fruit of this.fruits) {
div(fruit)
}
button("toggle")
.class("toggle")
.onClick(() => {
this.night = !this.night
})
if (this.night) {
"๐"
"โจ"
"๐"
} else {
"๐"
}
}
}
Thanks all existing frameworks for the inspiration and the great work they've done. DLight is standing on the shoulders of giants.
Thanks js-framework-benchmark for the benchmarking tooling that pulls my hair out.
Thanks component party for the syntax level comparison between different frameworks.
Duan Yihan ๐ |
orange04 ๐ป ๐จ |
Guo-lab ๐ |
Gor ๐ป ๐ ๐ก |