preact · Preact Docs
Preact No-Build Workflows
Teaches how to develop Preact applications without build tools like Webpack or Vite by utilizing browser-native features like Import Maps and HTM for module resolution and JSX-like syntax.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Preact No-Build Workflows
Teaches how to develop Preact applications without build tools like Webpack or Vite by utilizing browser-native features like Import Maps and HTM for module resolution and JSX-like syntax.
When To Use
Use when you want to develop Preact applications using only native browser modules and CDN imports without configuring a bundler or build pipeline.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/preact-no-build-workflows-workflow-guide.md | A guide detailing how to use Preact without a build step, covering essentials, debugging, testing, and advanced configurations. | Questions about a guide detailing how to use Preact without a build step, covering essentials, debugging, testing, and advanced confi... |
examples/preact-no-build-workflows-preact-no-build-htm-esm.text | A minimal HTML example demonstrating how to use Preact with htm and ESM imports without a build step. | Exact payloads, commands, or snippets shown in A minimal HTML example demonstrating how to use Preact with htm and ESM imports without a build step. |
examples/preact-no-build-workflows-preact-no-build-importmap.text | An HTML example demonstrating how to use an importmap to load Preact and signals via ESM without a build step. | Exact payloads, commands, or snippets shown in An HTML example demonstrating how to use an importmap to load Preact and signals via ESM without a build step. |
examples/preact-no-build-workflows-preact-no-build-importmap-esm-configuration.text | An importmap configuration for using Preact and React compatibility layers via ESM modules without a build step. | Exact payloads, commands, or snippets shown in An importmap configuration for using Preact and React compatibility layers via ESM modules without a build step. |
examples/preact-no-build-workflows-htm-component.text | A text example demonstrating how to use Preact with HTM and direct browser imports without a build step. | Exact payloads, commands, or snippets shown in A text example demonstrating how to use Preact with HTM and direct browser imports without a build step. |
What This Skill Covers
- Guide Version: 11.x (preview) 10.x (current) 8.x
- Main sections:
Introduction,Essentials,Debug & Test,Advanced,Libraries.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://preactjs.com/guide/v10/no-build-workflows