apprun-skills

The MVU (Model-View-Update) pattern structures AppRun components with a state model, view function that renders based on state, and update function that handles events. This separation creates predictable, testable components where state changes flow through a single update handler.

Yes, AppRun supports async generators within the MVU pattern for stable state management. Async generators let you handle asynchronous operations like data loading while maintaining predictable state transitions and component testability.

AppRun provides declarative route registration and programmatic navigation. You register routes in your main application, pass parameters through the navigation API, and implement route guards to control access before loading pages.

Use Vitest to unit test AppRun components and update handlers. Test the update function's state transitions and side effects independently, then test view rendering with different state values to ensure predictable behavior.

No, AppRun only requires the standard TypeScript toolchain and the AppRun library itself. The Skill provides comprehensive guidance through documentation and embedded examples to set up a minimal MVU project without extra dependencies.

Combine routing with async generators in your update handler to load data when a route activates. The async generator maintains state during loading, and the view updates reactively when data arrives, keeping the component's MVU structure intact.