Voodoo.js: Bringing TSX and Reactivity Directly Into Plain HTML

Описание и применение

Voodoo.js позволяет писать реактивные интерфейсы с синтаксисом JSX/TSX прямо в обычном HTML без сборки и компиляции, упрощая прототипирование и небольшие проекты.

Задача

Developers often need complex build tools to use modern frontend features like JSX/TSX and reactivity, adding overhead and configuration.

Результат

Voodoo.js eliminates the need for bundlers and compilers, allowing developers to write modern reactive interfaces directly in plain HTML files, speeding up prototyping and simplifying small projects.

Рабочий процесс

• Add a <script src="https://cdn.jsdelivr.net/npm/voodoo.js"></script> tag to the HTML head or body.
• Define reactive data objects using Voodoo.js syntax.
• Write JSX/TSX‑style expressions directly inside the HTML markup.
• Use Voodoo.js components, events, and utilities as needed.
• Open the page in a browser to see live reactivity; no bundling or compilation required.
• Optional: use the online playground to experiment and preview changes instantly.

Доказательства

Voodoo.js is an HTML first JavaScript framework designed for developers who want modern frontend capabilities without introducing a complex toolchain.

Источник

No bundler. No compiler. No configuration. No project scaffolding.

Источник