Hugo Nijhuis
f67347688b
Address review feedback to include a decrement button that demonstrates reactive updates in both directions. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
37 lines
726 B
Go
37 lines
726 B
Go
//go:build js && wasm
|
|
|
|
package main
|
|
|
|
import (
|
|
"fmt"
|
|
|
|
"git.flowmade.one/flowmade-one/iris/reactive"
|
|
"git.flowmade.one/flowmade-one/iris/ui"
|
|
)
|
|
|
|
func main() {
|
|
// Create a signal with initial value 0
|
|
count := reactive.NewSignal(0)
|
|
|
|
view := ui.NewView()
|
|
|
|
// Reactive text that updates when count changes
|
|
view.Child(ui.TextFromFunction(func() string {
|
|
return fmt.Sprintf("Count: %d", count.Get())
|
|
}))
|
|
|
|
// Button that increments the count on click
|
|
view.Child(ui.Button(func() {
|
|
count.Set(count.Get() + 1)
|
|
}, ui.TextFromString("Increment")))
|
|
|
|
// Button that decrements the count on click
|
|
view.Child(ui.Button(func() {
|
|
count.Set(count.Get() - 1)
|
|
}, ui.TextFromString("Decrement")))
|
|
|
|
ui.NewApp(view)
|
|
|
|
select {}
|
|
}
|