preact-ui

What problem does it solve?

Building Preact pages and component systems can become chaotic without consistent layering, signal management, accessibility guardrails, and testing guidance, so this skill provides a single reference for MVVM structuring, signal usage, routing, forms, SCSS, and test practices.

Core Features & Use Cases

• MVVM architecture: Model modules stay pure, ViewModels expose signals/computed/actions, and Views remain rendering-only, which keeps business logic decoupled from DOM concerns.
• Signal-first state: Signals, computed values, effects, and batching are prescribed for both module-level stores and component-local hooks to ensure fine-grained updates and predictable side effects.
• Workflow guidance: Layouts, routing (via preact-iso or preact-router), form validation, accessibility checkpoints, SCSS conventions, and testing strategies for async flows are all documented for marketing pages, dashboards, forms, and interactive tools.
• References: Linked markdown reference files detail MVVM patterns, state management, signals, layout, forms, routing, accessibility, and testing techniques for deeper study.

Quick Start

Use the preact-ui guidance to structure a new MVVM-aligned Preact page, wiring models, viewmodels, signals, and views before writing any rendering logic.