gild_frontend

work in progress

extremely alpha

feedback welcome!

example usage:

import gild/react as r
import gleam/io

pub fn config() {
 app.settings()
 |> app.title("My React App")
}

pub fn main() {
 let element =
   r.create_element("div")
   |> r.prop(#("id", "container"))
   |> r.prop(#("className", "bg-white p-4"))
   |> r.children(jsx)

 io.debug(r.render(element))
}

output:

#("div", [#("className", "bg-white p-4"), #("id", "container")], "hello world!")

after removing the debug print, you can run gleam build --target javascript and see the index.html file for how it’s used

run npx serve and check out the results