preact · Preact Docs
What's new in Preact X
Summarizes the major architectural changes and new features introduced in Preact X, including Fragments, componentDidCatch, Hooks, and improved React compatibility.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
What's new in Preact X
Summarizes the major architectural changes and new features introduced in Preact X, including Fragments, componentDidCatch, Hooks, and improved React compatibility.
When To Use
Use when you need to identify the new features available in Preact X to determine how to implement fragments, error boundaries, or hooks in a modern Preact application.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/preact-what-s-new-in-x-workflow-guide.md | A guide detailing the new features, component changes, and upgrading instructions for Preact X versions. | Questions about a guide detailing the new features, component changes, and upgrading instructions for Preact X versions. |
examples/preact-what-s-new-in-x-preact-x-whats-new-features-overview.text | A text-based summary of the key features and changes introduced in Preact X. | Exact payloads, commands, or snippets shown in A text-based summary of the key features and changes introduced in Preact X. |
examples/preact-what-s-new-in-x-preact-x-componentdidcatch-error-handling.text | A code example demonstrating the implementation of the componentDidCatch lifecycle method in a Preact X class component to handle errors. | Exact payloads, commands, or snippets shown in A code example demonstrating the implementation of the componentDidCatch lifecycle method in a Preact X class compone... |
examples/preact-what-s-new-in-x-preact-x-whats-new-counter-component.text | A text-based code example demonstrating a functional Counter component using useState and useCallback hooks as featured in the Preact X update. | Exact payloads, commands, or snippets shown in A text-based code example demonstrating a functional Counter component using useState and useCallback hooks as featur... |
examples/preact-what-s-new-in-x-preact-x-context-api-usage.text | A code example demonstrating the implementation of the Context API in Preact X using createContext and useContext. | Exact payloads, commands, or snippets shown in A code example demonstrating the implementation of the Context API in Preact X using createContext and useContext. |
examples/preact-what-s-new-in-x-preact-x-whats-new-component-syntax.text | A code example demonstrating the updated component syntax and functional patterns introduced in Preact X. | Exact payloads, commands, or snippets shown in A code example demonstrating the updated component syntax and functional patterns introduced in Preact X. |
examples/preact-what-s-new-in-x-preact-x-whats-new-changelog.text | A text-based summary of the key changes and updates introduced in Preact X compared to previous versions. | Exact payloads, commands, or snippets shown in A text-based summary of the key changes and updates introduced in Preact X compared to previous versions. |
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/whats-new