preact · Preact Docs
Preact Iso
Implements isomorphic routing and prerendering in Preact applications using a single codebase that runs seamlessly on both the client and server.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
preact-iso
Implements isomorphic routing and prerendering in Preact applications using a single codebase that runs seamlessly on both the client and server.
When To Use
Use when you need to implement a unified routing system that supports both client-side navigation and server-side prerendering without maintaining separate router logic for different environments.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/preact-iso-workflow-guide.md | A comprehensive guide covering the introduction, essentials, debugging, testing, and advanced API references for the preact-iso library. | Questions about a comprehensive guide covering the introduction, essentials, debugging, testing, and advanced API references for the... |
examples/preact-iso-route-lazy-loading.text | A code example demonstrating how to use the Route component with lazy-loaded components in preact-iso. | Exact payloads, commands, or snippets shown in A code example demonstrating how to use the Route component with lazy-loaded components in preact-iso. |
examples/preact-iso-hydration-prerender.text | A code example demonstrating the use of hydrate and prerender functions for server-side rendering in preact-iso. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of hydrate and prerender functions for server-side rendering in preact-iso. |
examples/preact-iso-app-routing-lazy-loading.text | A code example demonstrating how to implement client-side routing and lazy-loaded components using the preact-iso library. | Exact payloads, commands, or snippets shown in A code example demonstrating how to implement client-side routing and lazy-loaded components using the preact-iso lib... |
examples/preact-iso-locationprovider-usage.text | A code example demonstrating how to wrap an application with the LocationProvider component from the preact-iso library. | Exact payloads, commands, or snippets shown in A code example demonstrating how to wrap an application with the LocationProvider component from the preact-iso library. |
examples/preact-iso-location-provider-router.text | A code example demonstrating the implementation of LocationProvider and Router components from the preact-iso library. | Exact payloads, commands, or snippets shown in A code example demonstrating the implementation of LocationProvider and Router components from the preact-iso library. |
examples/preact-iso-location-provider-router-route.text | A code example demonstrating the implementation of LocationProvider, Router, and Route components from the preact-iso library. | Exact payloads, commands, or snippets shown in A code example demonstrating the implementation of LocationProvider, Router, and Route components from the preact-iso... |
examples/preact-iso-lazy-loading-router.text | A code example demonstrating how to use lazy loading with the LocationProvider and Router components in preact-iso. | Exact payloads, commands, or snippets shown in A code example demonstrating how to use lazy loading with the LocationProvider and Router components in preact-iso. |
examples/preact-iso-lazy-component-preload.text | A code example demonstrating how to use lazy component loading and the preload method within preact-iso. | Exact payloads, commands, or snippets shown in A code example demonstrating how to use lazy component loading and the preload method within preact-iso. |
examples/preact-iso-app-component-structure.text | A code example demonstrating the implementation of LocationProvider, ErrorBoundary, and Router components within a Preact application. | Exact payloads, commands, or snippets shown in A code example demonstrating the implementation of LocationProvider, ErrorBoundary, and Router components within a Pr... |
examples/preact-iso-hydrate-app.text | A basic code example demonstrating how to use the hydrate function from preact-iso to initialize a Preact application. | Exact payloads, commands, or snippets shown in A basic code example demonstrating how to use the hydrate function from preact-iso to initialize a Preact application. |
examples/preact-iso-prerender-usage.text | A code example demonstrating the asynchronous prerender function and lazy component loading within a preact-iso application. | Exact payloads, commands, or snippets shown in A code example demonstrating the asynchronous prerender function and lazy component loading within a preact-iso appli... |
examples/preact-iso-locationstub-prerender-usage.text | A code demonstration showing how to use the locationStub function from preact-iso/prerender to simulate location objects during prerendering. | Exact payloads, commands, or snippets shown in A code demonstration showing how to use the locationStub function from preact-iso/prerender to simulate location obje... |
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/preact-iso