luciano/htmgo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix snippet

Browse source
This commit is contained in:
maddalax 2024-11-30 10:57:42 -06:00
parent 3f719d7011
commit 0d61b12561
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
htmgo-site/pages/docs/core-concepts/components.go
View file

@ -6,6 +6,18 @@ import (
"htmgo-site/ui" "htmgo-site/ui"
) )
const ComponentExampleSnippet = `func Card(ctx *h.RequestContext) *h.Element {
service := tasks.NewService(ctx.ServiceLocator())
cards, _ := service.List()
return h.Div(
h.Id("task-card"),
h.Class("bg-white w-full rounded shadow-md"),
CardBody(cards),
)
}
`
func Components(ctx *h.RequestContext) *h.Page { func Components(ctx *h.RequestContext) *h.Page {
return DocPage( return DocPage(
ctx, ctx,
@ -29,7 +41,7 @@ func Components(ctx *h.RequestContext) *h.Page {
func ComponentExample() *h.Element { func ComponentExample() *h.Element {
return h.Div( return h.Div(
Text("Example:"), Text("Example:"),
ui.GoCodeSnippet(PagesSnippet), ui.GoCodeSnippet(ComponentExampleSnippet),
Text(` Text(`
My card component here fetches all my tasks I have on my list, and renders each task. My card component here fetches all my tasks I have on my list, and renders each task.
If you are familiar with React, then you would likely place this fetch logic inside of a useEffect or (useQuery library) so it is not constantly re-fetched as the component re-renders. If you are familiar with React, then you would likely place this fetch logic inside of a useEffect or (useQuery library) so it is not constantly re-fetched as the component re-renders.