I Built Voodoo.js to Bring TSX and Reactivity to HTML
A developer has introduced Voodoo.js, a framework bringing TSX, reactive data, and components directly into plain HTML files without complex build toolchains.
Stock photo for illustration only, not from the actual event
- Voodoo.js is an HTML-first JavaScript framework for modern frontend capabilities.
- It supports JSX/TSX syntax, reactive data, components, and forms right inside HTML.
- Getting started requires only a single script tag to work close to the browser.
- An interactive playground is available to experiment and view live previews.
Developers are often accustomed to setting up complex build toolchains and compilers when building modern reactive web interfaces. However, what if you could write reactive interfaces, map arrays, filter data, use components, and write JSX-style syntax directly inside a plain HTML file without those steps?
That question led to the creation of Voodoo.js, an HTML-first JavaScript framework designed for developers who want modern frontend capabilities without introducing a complex toolchain. You can start simply by adding a single script tag to an HTML page and keep working directly inside your existing markup structure.
The interesting part is that the file remains a normal HTML file. Instead of forcing your HTML into a completely different application structure, Voodoo.js adds the reactive layer around the markup you already have. You can use familiar JavaScript methods such as filter, sort, and map while generating reactive markup directly inside the page.
Stock photo for illustration only, not from the actual event
For developers coming from React, Vue, Alpine, or vanilla JavaScript, the syntax feels immediately familiar. The framework supports:
- Reactive data and events
- Expressions and components
- HTTP utilities and forms
- JSX-style templates
These features make Voodoo.js interesting for prototypes, small applications, internal tools, static websites, experiments, and developers who enjoy working close to the browser. The creator has also built an interactive playground where developers can edit HTML, run examples, and see immediate results in a live preview.
Bringing TSX and reactivity directly into plain HTML challenges the modern web development norm that heavily relies on heavy build tools like Vite, Webpack, or complex bundlers. Bypassing a build step lowers entry barriers for small projects and prototypes, though scaling maintainability in large applications remains an architectural consideration.
Voodoo.js is currently open source and still evolving, with the author actively seeking feedback from other JavaScript developers regarding whether they would adopt JSX-style syntax inside HTML to keep projects simple. Those interested can check the repository, open issues, contribute, or give the project a star on GitHub.
Source: Dev.to
Found something wrong in this article? Report an issue with this article
Comments
Leave a Comment