karax

songs.nim

## This demo shows how you can develop your own stateful components with Karax.
include karax / prelude
import karax / kajax

type
  Song = ref object of VComponent
    title: kstring
    artist: kstring
    rating: int
    opinion: kstring
    spotify_url: kstring


proc render(x: VComponent): VNode =
  let self = Song(x)
  result = buildHtml(tdiv()):
    text self.title

proc cb(httpStatus: int, response: cstring) =
  echo response

proc song(): Song =
  result = newComponent(Song, render)
  ajaxGet("http://localhost:8080/api/content?type=Song&id=1", @[], cb)

proc createDom(): VNode =
  result = buildHtml(table):
    tr:
      td:
        song()

setRenderer createDom