Structure SPA routes and feature code across route and feature directories.
npx skills add https://github.com/Nick777-Pixel/mychat7 --skill spa-routes-nick777-pixel
Please help me install this Agent Skill. Skill: spa-routes Source: https://github.com/Nick777-Pixel/mychat7/tree/main/.agents/skills/spa-routes Command: npx skills add https://github.com/Nick777-Pixel/mychat7 --skill spa-routes-nick777-pixel
This guide helps teams structure SPA routes and ensure parity between desktop and mobile router configurations, preventing navigation drift and blank-screen issues when editing app routes.
Create a new route segment by adding thin route files under src/routes and migrate related logic into a matching src/features domain, then update both desktopRouter.config.tsx and desktopRouter.config.desktop.tsx to reflect the new path.
High-intent search queries and answers about installing and using this skill.
To prevent navigation drift when adding SPA routes, update both desktopRouter.config.tsx and desktopRouter.config.desktop.tsx files during every router tree modification. This dual-file desktop router approach ensures synchronization and avoids blank-screen navigation issues.
The correct separation of concerns keeps src/routes as thin route files containing only route definitions, while migrating all underlying domain logic into matching directories under src/features to maintain clear boundaries.
Create thin route files under src/routes, migrate underlying logic into the appropriate domain feature under src/features, then register the new path by updating both desktopRouter.config.tsx and desktopRouter.config.desktop.tsx to synchronize the router configuration.
Your SPA shows a blank screen after refactoring the router tree likely due to navigation drift from failing to update both desktop router configuration files. Enforcing desktop router parity across src/spa/router.* files prevents this issue.
Yes, you need to update both desktopRouter.config.tsx and desktopRouter.config.desktop.tsx when adding a React route. This two-file desktop router approach enforces configuration parity and prevents navigation drift across desktop and mobile environments.
StaysrSeparate SPA routing from features across src/routes and src/features.
mDevsLabsMaintain consistent SPA route architecture across web and Electron builds.
kingmacthOrganize SPA routes and features with thin wrappers and domain boundaries.
mabdulraufStandardize SPA route definitions across desktop and mobile router configurations.
