kris/afv-library
1
0
Fork 0
mirror of https://github.com/forcedotcom/afv-library.git synced 2026-08-07 00:02:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating routing skill

Browse Source
This commit is contained in:
Ted Conn 2026-03-30 17:08:41 +02:00
parent 8cf130e726
commit b1d8d610bd
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
skills/generating-webapp-ui/SKILL.md
View File

@ -43,6 +43,16 @@ Before finishing, confirm: Did I update `appLayout.tsx` with real nav items and
Use a single router package. With `createBrowserRouter` / `RouterProvider`, all imports must come from `react-router` (not `react-router-dom`). Use a single router package. With `createBrowserRouter` / `RouterProvider`, all imports must come from `react-router` (not `react-router-dom`).
If the app uses a client-side router (React Router, Remix Router, Vue Router, etc.), always derive basename / basepath / base from the document's <base href> tag at runtime. Never hardcode the basename:
​```js
const basename = document.querySelector('base')
? new URL(document.querySelector('base').href).pathname.replace(/\/$/, '')
: '/';
const router = createBrowserRouter(routes, { basename });
​```
### Component Library and Styling ### Component Library and Styling
- **shadcn/ui** for components: `import { Button } from '@/components/ui/button';` - **shadcn/ui** for components: `import { Button } from '@/components/ui/button';`