frontend-custom-views

What problem does it solve?

This Skill helps you build and wire custom frontend pages in the Drumr framework without fighting outdated patterns or unclear navigation rules.

Core Features & Use Cases

• Route registration in app.registerRoutes() so each custom page has a clear path and layout.
• Functional View-based pages as the primary pattern for dashboards, summaries, reports, landing pages, and other free-form screens.
• Route parameter handling through injected props, including path params and queryParams, for cleaner page logic.
• Programmatic navigation with openView and closeView for page transitions, modals, and nested container flows.
• Class-based CustomViewComponent support when lifecycle hooks or specialized helpers are needed.
• Use case: create a project dashboard that opens a summary page in a modal, then returns control to the original page when the flow completes.

Quick Start

Ask for a new Drumr custom page that registers its route, uses a functional View component, and reads route parameters from props.