Skip to content

samifouad/gild_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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