Show HN: Tiny JS – A Tiny JavaScript Library for Easy DOM Creation
Tiny JS is a lightweight JavaScript library that simplifies DOM manipulation, allowing dynamic HTML creation, deep property assignment, easy content appending, and straightforward installation, while encouraging community contributions.
Read original article
Tiny JS is a lightweight JavaScript library designed to simplify DOM manipulation. It allows developers to dynamically create HTML elements, supports deep property assignment for complex structures, and simplifies content appending by accepting both strings and elements. The library provides a convenient way to select DOM elements using `$` for single selections and `$all()` for multiple selections. Tiny JS attaches functions for each HTML tag to the global window object, enabling element creation by calling the tag name as a function with optional properties and child elements. Installation is straightforward by including the tiny.js script in a project. The library supports a variety of HTML tags, including text, interactive, media, and container elements. Contributions to the library are encouraged through issues and pull requests, making it a collaborative tool for developers aiming to enhance their DOM manipulation capabilities in JavaScript.
- Tiny JS simplifies DOM manipulation with dynamic HTML element creation.
- It supports deep property assignment for complex nested structures.
- The library allows easy content appending and element selection.
- Installation is simple by including the tiny.js script in projects.
- Contributions to the library are welcomed from the developer community.
Related
Execute JavaScript in a WebAssembly QuickJS Sandbox
QuickJS is a secure JavaScript execution tool in a WebAssembly sandbox. It includes security features, file system access, custom node modules, a fetch client, and a test runner. Find detailed documentation and examples in the repository. Users can seek further assistance for inquiries.
Show HN: TargetJ – New JavaScript framework that can animate anything
TargetJ is a JavaScript UI framework on GitHub emphasizing development and animation efficiency. It centers on 'targets,' offering advanced animation, event management, and object collection handling. Find installation, samples, and documentation on targetj.io. Contact Ahmad Wasfi at wasfi2@gmail.com.
Microjs
Microjs showcases lightweight JavaScript micro-frameworks and libraries, emphasizing efficiency and portability. It allows developers to find and contribute to compact tools, promoting smaller, specialized libraries over larger frameworks.
VanillaJSX.com
The article highlights using vanilla JSX for creating reusable DOM elements, featuring examples like a click counter and todo list, and discusses the "imlib" library for efficient application development.
Facet: WebComponents Defined in HTML
Facet is a web library that simplifies web component creation using a declarative approach, supporting shadow DOM, inherited attributes, event handling, and mixins, with positive user feedback on its effectiveness.
3 commentsIn case you didn't see it, they meant this [0] and also this [1].
I don't mean this as a critique or dismissal of your idea, but I think it's fair to prefer Hyperscript since it's well tested code and has a couple of additional features (like event handler support) without being much larger than your own code. Also, I think Hyperscript is more correct in the way they build the elements.
Related
Execute JavaScript in a WebAssembly QuickJS Sandbox
QuickJS is a secure JavaScript execution tool in a WebAssembly sandbox. It includes security features, file system access, custom node modules, a fetch client, and a test runner. Find detailed documentation and examples in the repository. Users can seek further assistance for inquiries.
Show HN: TargetJ – New JavaScript framework that can animate anything
TargetJ is a JavaScript UI framework on GitHub emphasizing development and animation efficiency. It centers on 'targets,' offering advanced animation, event management, and object collection handling. Find installation, samples, and documentation on targetj.io. Contact Ahmad Wasfi at wasfi2@gmail.com.
Microjs
Microjs showcases lightweight JavaScript micro-frameworks and libraries, emphasizing efficiency and portability. It allows developers to find and contribute to compact tools, promoting smaller, specialized libraries over larger frameworks.
VanillaJSX.com
The article highlights using vanilla JSX for creating reusable DOM elements, featuring examples like a click counter and todo list, and discusses the "imlib" library for efficient application development.
Facet: WebComponents Defined in HTML
Facet is a web library that simplifies web component creation using a declarative approach, supporting shadow DOM, inherited attributes, event handling, and mixins, with positive user feedback on its effectiveness.