Overview

Mizu.js is an innovative library designed to streamline the rendering process for both client-side and server-side applications. It offers developers flexibility in how they set up and customize their environments, whether they prefer an immediate rendering approach or a tailored implementation that aligns with specific project requirements. With its focus on reactivity and ease of integration, Mizu.js supports a variety of runtimes, making it a versatile choice for modern JavaScript development.

The library's unique approach to rendering, especially separating client-side and server-side functionalities, invites developers to pick the setup that best fits their needs. From straightforward configurations to more complex customizations, Mizu.js promises to enhance the way users interact with dynamic content across different environments.

Features

Client-side Setup: Offers two methods to set up Mizu.js in the browser—an Immediate Invoked Function Expression (IIFE) for simplicity or an EcmaScript Module (ESM) for more control.
Explicit Rendering: Requires the use of the *mizu attribute to trigger rendering on the client side, providing clear control over what gets rendered.
Reactivity: Automatically re-renders the UI upon context changes, ensuring that the application reflects real-time updates.
Server-side Implementation: Allows developers to host Mizu.js locally, with implicit rendering that does not require additional attributes.
Deno Support: Fully compatible with Deno, allowing for direct imports and seamless integration into projects.
NPM Compatibility Layer: Easily integrates into other runtimes like NodeJS and Bun, making it accessible for a wide audience of developers.
Customization Options: The ESM setup facilitates customization of the entire rendering process, catering to advanced project needs.
Community and Support: Dedicated resources are available for developers, fostering an environment of collaboration and continuous improvement.

Lowlighter

Mizu