EN | 中文

Your modern web framework ~

• ⚡️ Performant
  • Dlight enhances code performance at compile time and directly manipulates the DOM, which makes the execution speed of the code as close to vanilla JavaScript as possible, even with limited optimization knowledge.
• 🚲 Simple
  • No more complex hooks towards reactivity. Just use @State, and dep-chain will help you do the rest.
  • Dlight provides context managing power by default.
  • Website development has never been so easy.
• 🍼 Friendly
  • Support jsx and jsd(our new domain syntax) to help you write everything in js.
• 🦋 Beautiful
  • Every line of code in DLight is elegant and beautiful!

// -> ./MyComp.jsd
import {View} from "@dlightjs/dlight"

export class MyComp extends View {
  @State count = 0  
  countPlus1 = this.count + 1  

  Body() {
    h1("hello, dlight js, jsd")
    div(this.count)
    div(this.countPlus1)
    button("+")
      .onclick(() => {
        this.count ++
      })
    button("-")
      .onclick(() => {
        this.count --
      })
  }
}

(Upgrading dlight version..👨🏻‍💻 Better support with chinese documentation now)

• README-dlight.md
• README-components.md
• website-doc(building with DLight now👨🏻‍💻)

• TODO app
  • jsx-codesandbox
  • jsd-codesandbox (Upgrading dlight version..👨🏻‍💻)

Building with DLight now👨🏻‍💻

TODO.md./docs/TODO.md)