pardnchiu/QuickUI

[!NOTE] This README was generated by SKILL, get the ZH version from here.

A LIGHTWEIGHT VIRTUAL DOM FRONTEND FRAMEWORK BUILT ON PURE JAVASCRIPT

A lightweight JavaScript frontend framework with virtual DOM rendering, declarative template syntax, and built-in i18n

Table of Contents

• Features
• Built With
• Architecture
• License
• Author
• Stars

Features

npm i @pardnchiu/quickui · Documentation

• Zero-dependency virtual DOM engine — Pure JavaScript with native browser APIs implements a Diff/Patch algorithm, applying minimal DOM operations without relying on any third-party library.
• Declarative template syntax — Bind data, loop, and render conditionally directly in HTML with {{ value }}, :for, :if/:else-if/:else, and :model, with no build step required.
• Proxy-based reactive data — Data changes are auto-detected and trigger the smallest possible DOM update, removing manual DOM manipulation.
• Built-in i18n — Switch languages through JSON locale files and the i18n.key syntax without integrating an extra translation framework.
• Full lifecycle hooks — Six lifecycle stages are exposed: beforeRender, rendered, beforeUpdate, updated, beforeDestroy, destroyed.

Built With

Architecture

Full Architecture

graph TB
    A[HTML Template] --> B[vDOM Build]
    B --> C[Diff / Patch]
    D[Reactive Data] -->|Change Detection| C
    C -->|Minimal Ops| E[Real DOM]
    F[i18n / Lifecycle] --> B

License

This project is licensed under the MIT License.

Author

邱敬幃 Pardn Chiu

hi@pardn.io
https://www.linkedin.com/in/pardnchiu

Stars

©️ 2024 邱敬幃 Pardn Chiu