kerf-app

What problem does it solve?

It helps you implement and debug user interfaces in the kerf reactive framework so your app updates efficiently without virtual DOM overhead.

Core Features & Use Cases

• Kerf app setup guidance: JSX → HTML strings configuration, recommended tooling, and how to structure kerf projects.
• Correct reactive patterns: where to read signals for tracking, how to use stores and actions, and when to use computed/effect/batch.
• Reliable DOM updates: using mount, morph, keyed each(), and safe event handling with delegate()/delegateCapture() to avoid broken rerenders, lost focus, and leaky listeners.
• Practical UI implementation support: event delegation patterns, SSR/DOM requirements, and diagnostics for common runtime/type errors.

Quick Start

Tell the AI: "I’m editing a TypeScript/JSX file that imports kerfjs—add a feature that updates a list reactively and handle its click events correctly; show the required kerf patterns and fixes for any hard-rule violations you find."