Skip to content

README.md

Latest commit

 

History

History
82 lines (56 loc) · 2.88 KB

README.md

File metadata and controls

82 lines (56 loc) · 2.88 KB
Raw

Note

This README was generated by SKILL, get the ZH version from here.

QuickUI

A LIGHTWEIGHT VIRTUAL DOM FRONTEND FRAMEWORK BUILT ON PURE JAVASCRIPT

npm License

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

Table of Contents

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
Loading

License

This project is licensed under the MIT License.

Author

邱敬幃 Pardn Chiu

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

Stars

Star

©️ 2024 邱敬幃 Pardn Chiu