templui

templUI & HTMX/Alpine Best Practices Apply templUI patterns and HTMX/Alpine.js best practices when building Go/Templ web applications.

| HTMX | Server-driven interactions | AJAX requests, form submissions, partial page updates, live search | | Alpine.js | Client-side state & reactivity | Toggles, animations, client-side filtering, transitions, local state | | templUI | Pre-built UI components | Dropdowns, dialogs, tabs, sidebars (uses vanilla JS via Script() templates) |

Note: templUI components use vanilla JavaScript (not Alpine.js) via Script() templates. This is fine - Alpine.js is still part of the stack for your custom client-side needs.

いつ: ユーザーが Go/Templ Web アプリを構築し、templUI コンポーネントを使用し、サイトを Templ に変換し、 templ 構文、Script() テンプレート、HTMX/Alpine 統合、templ の JavaScript について質問します。 または .templ ファイルを操作します。ユーザーが「コンポーネント ライブラリ」、「UI コンポーネント」に言及したときにもトリガーされます。 Go Web プロジェクトの「ボタン/カード/モーダル/テーブル」、「templ 生成」、Go を使用した Alpine.js、 または、React/Vue を使用せずに Go でインタラクティブ UI を構築する方法を尋ねます。 .templ ファイルを使用するたびにアクティブ化します プロジェクト内に存在するか、templUI が依存関係にあります。 そうでない場合: Go 以外のプロジェクト、純粋な JavaScript/TypeScript フロントエンド フレームワーク ソース: gopherguides/gopher-ai。