Un seul fichier, deux exécutions : Fitz unifie SSR et WASM dans un composant
Un simple fichier .fitzv se compile en deux environnements distincts : un HTML pré-rendu côté serveur via WebSocket et un binaire WebAssembly exécuté entièrement dans le navigateur. Aucune modification de code, aucune étape de construction, et surtout, aucun JavaScript à écrire de votre côté.
Une même source, deux déploiements
La magie réside dans la chaîne d'outils. Un composant Fitz regroupe état, événements, balisage et stylesScoped en un seul artefact. En ciblant le SSR, le serveur conserve l'état et ne transmet au navigateur que les différences HTML. En basculant vers le WASM, le même composant se compile en WebAssembly, embarquant le widget interactif complet sans aucun aller-retour serveur. L'exemple du compteur l'illustre : un seul fichier, deux boutons—l'un pour le SSR, l'autre pour le WASM—sans duplication de code.
Fonctionnement interne
En coulisses, le flux SSR commence par une route HTTP classique qui génère le HTML initial. Une route WebSocket associée réceptionne les événements du DOM, les transmet au composant côté serveur et renvoie des correctifs DOM minimaux au client. Aucun JavaScript à rédiger côté client, aucun point d'API à définir, et l'état du serveur peut être partagé ou persistant. Le flux WASM inverse le modèle : le composant devient un module autonome qui s'initialise dans le navigateur, gère les événements localement et rend l'interface sans jamais contacter le serveur.
Implications pour les équipes
Pour des interfaces multi-utilisateurs reposant sur une base de données, le SSR centralise et sécurise l'état. Pour des widgets hors ligne ou des interactions sensibles à la latence, le WASM transfère la charge de travail côté client. Une seule expérience de développement—un seul langage, un seul fichier—réduit les changements de contexte et élimine la danse classique des constructions front-end.
Pourquoi c'est important
Fitz comble un écart persistant : la possibilité de proposer des interfaces en temps réel sans maintenir deux bases de code ni imposer aux utilisateurs du JavaScript qu'ils n'ont pas écrit. Les équipes peuvent désormais prototyper dans un seul environnement et déployer sur deux environnements d'exécution sans réécrire la logique, un gain de productivité tangible pour les équipes full-stack jonglant entre SSR et performances côté client.
Source : DEV Community. Synthèse éditoriale assistée par IA — TechnoExpress.