Use Go and Zero JavaScript to program reactive front-ends!
- Render Server Side HTML
- Connect to same server using Websocket
- Send user events
- Change state of component in server
- Render Component and get diff
- Update instructions are sent to the browser
Any suggestions are absolutely welcome
This project it's strongly inspired by Elixir Phoenix LiveView.
package components
import (
"github.com/brendonmatos/golive"
"time"
)
type Clock struct {
golive.LiveComponentWrapper
ActualTime string
}
func NewClock() *golive.LiveComponent {
return golive.NewLiveComponent("Clock", &Clock{})
}
func (t *Clock) Mounted(_ *golive.LiveComponent) {
go func() {
for {
t.ActualTime = time.Now().Format(time.RFC3339Nano)
time.Sleep((time.Second * 1) / 60)
t.Commit()
}
}()
}
func (t *Clock) TemplateHandler(_ *golive.LiveComponent) string {
return `
<div>
<span>Time: {{ .ActualTime }}</span>
</div>
`
}
package main
import (
"github.com/brendonmatos/golive"
"github.com/brendonmatos/golive/examples/components"
"github.com/gofiber/fiber/v2"
"github.com/gofiber/websocket/v2"
)
func main() {
app := fiber.New()
liveServer := golive.NewServer()
app.Get("/", liveServer.CreateHTMLHandler(components.NewClock, golive.PageContent{
Lang: "us",
Title: "Hello world",
}))
app.Get("/ws", websocket.New(liveServer.HandleWSRequest))
_ = app.Listen(":3000")
}
