webf-routing-setup

SKILL.md

Note: WebF development is nearly identical to web development - you use the same tools (Vite, npm, Vitest), same frameworks (React, Vue, Svelte), and same deployment services (Vercel, Netlify). This skill covers one of the 3 key differences: routing with native screen transitions instead of SPA routing. The other two differences are async rendering and API compatibility.

WebF does NOT use traditional Single-Page Application (SPA) routing. Instead, it uses hybrid routing where each route renders on a separate, native Flutter screen with platform-native transitions.

In Browsers (SPA Routing) Traditional web routing uses the History API or hash-based routing:

Richten Sie Hybrid-Routing mit nativen Bildschirmübergängen in WebF ein – konfigurieren Sie die Navigation mithilfe von WebF-Routing anstelle von SPA-Routing. Verwenden Sie diese Option, wenn Sie die Navigation einrichten, Multi-Screen-Apps implementieren oder wenn React-Router-Dom/Vue-Router nicht wie erwartet funktioniert. Quelle: openwebf/webf.

Original anzeigen