#1024·go-app

Documentation issue in Components page

Author: HygensCreated Feb 11, 2025Updated Aug 12, 2025
I attempt use that process to update value in text component but not work: https://go-app.dev/components#updates #Source code sample:

package main

import (
	"fmt"
	"log"
	"net/http"

	"github.com/maxence-charriere/go-app/v10/pkg/app"
)

// hello is a component that displays a simple "Hello World!". A component is a
// customizable, independent, and reusable UI element. It is created by
// embedding app.Compo into a struct.
type hello struct {
	app.Compo
	Msg string
}

// The Render method is where the component appearance is defined. Here, a
// "Hello World!" is displayed as a heading.
func (h *hello) Render() app.UI {
	h.Msg = "Just because Go and this package are really awesome!"
	return app.Div().Style("border", "2px solid black").
		Body(
			app.H1().
				Class("title").
				Text("Build a GUI with Go"),
			app.P().
				Class("text").
				Text(h.Msg),
		).
		OnClick(h.onClick)
}

func (h *hello) onClick(ctx app.Context, e app.Event) {
	h.Msg = "Sounds good!"
	h.Update()
}

func (h *hello) OnPreRender(ctx app.Context) {
	fmt.Println("component prerendered")
}

func (h *hello) OnMount(ctx app.Context) {
	fmt.Println("component mounted")
}

func (h *hello) OnNav(ctx app.Context) {
	fmt.Println("component navigated:")
}

func (h *hello) OnDismount() {
	fmt.Println("component dismounted")
}

// The main function is the entry point where the app is configured and started.
// It is executed in 2 different environments: A client (the web browser) and a
// server.
func main() {
	// The first thing to do is to associate the hello component with a path.
	//
	// This is done by calling the Route() function,  which tells go-app what
	// component to display for a given path, on both client and server-side.
	app.Route("/", func() app.Composer { return &hello{} })

	// Once the routes set up, the next thing to do is to either launch the app
	// or the server that serves the app.
	//
	// When executed on the client-side, the RunWhenOnBrowser() function
	// launches the app,  starting a loop that listens for app events and
	// executes client instructions. Since it is a blocking call, the code below
	// it will never be executed.
	//
	// When executed on the server-side, RunWhenOnBrowser() does nothing, which
	// lets room for server implementation without the need for precompiling
	// instructions.
	app.RunWhenOnBrowser()

	// Finally, launching the server that serves the app is done by using the Go
	// standard HTTP package.
	//
	// The Handler is an HTTP handler that serves the client and all its
	// required resources to make it work into a web browser. Here it is
	// configured to handle requests with a path that starts with "/".
	http.Handle("/", &app.Handler{
		Name:        "Hello",
		Description: "An Hello World! example",
	})

	if err := http.ListenAndServe(":8000", nil); err != nil {
		log.Fatal(err)
	}
}
#Compiling I get that:

go_app_sample]$ make run
GOARCH=wasm GOOS=js go build -o web/app.wasm -buildvcs=false
# go_app_sample
./main.go:37:4: h.Update undefined (type *hello has no field or method Update)
make: *** [Makefile:2: build] Error 1
I attempt that because no get any automatic update to app.Text component after change hello Msg field.

Source: maxence-charriere/go-app