Fitz LiveViews is a real‑time UI framework that lets developers write single‑file components in Fitz, eliminating the need for a JavaScript build step and enabling server‑rendered or WebAssembly targets.
Fitz LiveViews delivers real‑time user interfaces without a JavaScript build pipeline, letting developers author full‑stack components in a single Fitz file.
What is Fitz LiveViews?
Fitz LiveViews is a framework built on the Fitz programming language that combines server‑side rendering and client‑side interactivity in one cohesive model. By compiling to either native server‑rendered HTML or WebAssembly, it removes the traditional split between backend and frontend code.
Zero JavaScript Build Step
Traditional UI stacks require a separate JavaScript bundler such as Webpack or Vite. Fitz LiveViews eliminates this step: the Fitz compiler produces the necessary client‑side payload automatically, meaning developers no longer manage npm scripts, transpilation, or bundle size concerns.
Single‑File Component Architecture
A Fitz LiveView component lives in a single file that contains markup, styling, and logic. This mirrors the simplicity of frameworks like Svelte but stays within the Fitz ecosystem, ensuring type safety and consistent tooling across the entire stack.
- Define UI markup with familiar HTML syntax
- Embed reactive state directly in Fitz code
- Leverage server‑side events for instant updates
Target Flexibility: Server Rendered or WebAssembly
Developers can choose to render components on the server for SEO‑friendly pages, or compile them to WebAssembly for richer client‑side experiences. The same component source works for both targets, reducing duplication and maintenance overhead.
Because Fitz LiveViews runs on the server by default, initial page loads are fast and fully rendered, while subsequent interactions are handled via lightweight WebSocket messages that keep the UI in sync without full page refreshes.
Fitz LiveViews brings the best of server‑driven UI and modern client‑side reactivity together, all while keeping the developer experience simple.
The framework is still early in its lifecycle, but its design promises to streamline full‑stack development for teams looking to avoid the complexity of separate JavaScript toolchains.