novdom

❗️❗️DISCLAIMER: This project is in a very early stage and is not ready for production use.❗️❗️

An easy to use frontend framework written in Gleam.

No use of a virtual DOM to ensure the best performance possible.

Use lustre_dev_tools for building / bundling and hot reloading.

prequisites

• gleam
• bun
• nodejs (for testing)

getting started

• clone the repo
• run bun install
• run gleam deps download
• go to /examples/... and run gleam run -m lustre/dev start

features / todos

✅ = done
⚠️ = done but needs improvement
💼 = gets worked on / comming soon
❌ = not implemented yet
⁉️ = not sure when and how to implement

• ✅ Components / Default HTML Components

  • Keep Fn as Children?

• ✅ Parameter / ⁉️ Modifier (have been postponed for now)

  • Attributes (class, style, … | -> value | init values) / Listener (onclick, … | -> fn -> Nil | can change state) / Modifier (onrender, … | -> fn -> List(Paramenter) | modify init values)

• ✅ State

  • State Parameter (Attributes / Listener that can be changed on state change)
  • State Components (Components that can be changed on state change)
  • 💼 State Map Function / ListState Type??
    eg:
    use ListStateItem(value) <- state_list.map(State(List(value))) –> List(Component)
    // value: ListStateItem(a), new_value: a, index: Int
    state_list.remove(value)
    state_list.move(value, index)
    state_list.insert_before(value, new_value)
    state_list.insert_after(value, new_value)
    state_list.replace(value, new_value)

• ✅ Drag and Drop

• 💼 Rich Text Editor

• ❌ Router

  • Make use of unrendered

• ❌ Server Components

• ❌ Resumability (like Qwik)

• ⁉️ Backend (making use of Gleams compiling → Erlang / JavaScript)