设想
通过pure-go编写页面, 似乎不太好实现, 就当学习前端html基础了。
完成度 0.5%
App.go:
go
package src
import (
d "github.com/go-webtools/wgo/core/document"
"github.com/go-webtools/wgo/core/react"
"github.com/go-webtools/wgo/core/window"
)
func App() d.Html {
state, setState := react.UseState("Hello")
handleClick := func() {
window.Alert("Clicked")
setState("world")
}
return d.Html{
Child: []d.Element{
d.H1{Child: "Hello World"}, // 添加一个 H1 元素
d.Div{Child: []d.Child{
"Nested Child And State is:", // 字符串作为子元素
state,
d.H1{Child: "Nested H1"}, // 嵌套一个 H1
d.Button{
Child: "按钮",
OnClick: handleClick,
},
}},
},
}
}
wgo
编写一个wgo。
wgo run 等价于 yarn serve, 开发模式的页面,加载html到内存
wgo build 等价于yarn build, 构建html到dist/目录下。