nanohtml
snuggsi
Our great sponsors
| nanohtml | snuggsi | |
|---|---|---|
| 2 | 3 | |
| 680 | 393 | |
| 0.6% | 0.3% | |
| 0.0 | 5.6 | |
| over 1 year ago | 6 months ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
nanohtml
-
$$maintainable.code()
Or use a templater like nanohtml that lets you pass callbacks into the literals
-
meaning of = , , in javascript
function insertNodeAtSelection(node, shouldInsertBeforeRange) { const range = window.getSelection().getRangeAt(0); range.collapse(shouldInsertBeforeRange); range.insertNode(node); } function parseHtml(html) { const fragment = document.createDocumentFragment(); const element = document.createElement("div"); element.innerHTML = html; while (element.firstChild) { fragment.appendChild(element.firstChild); } return fragment; } // Example usage: insertNodeAtSelection(parseHtml("test")); // or using something like https://github.com/choojs/nanohtml: insertNodeAtSelection(html`test`);
snuggsi
- Snuggsi ツ – Easy Custom Elements in ~1kB
- Snuggsi — Easy Custom Elements in ~1kiloByte
-
Lit - New framework from Google
Wait until you hear of Snuggsi which takes the use of tagged literals to the next level
What are some alternatives?
neo - The application worker driven frontend framework
xeact - connect your React Components to Web Components
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
simplr-router - Simplr Router is a easy to use and easy to set up router for Web Components.
standard - 🌟 JavaScript Style Guide, with linter & automatic code fixer [Moved to: https://github.com/standard/standard]
twitch-msn-messenger - MSN Messenger Window Visual Demo created with WebComponents (includes Nudge! no need batteries)
Xeact - A high performance, developer-efficient and overall ballin' femtoframework for productive development in Javascript
proscriptls - A WAM-based Javascript implementation of Prolog with DOM builtins and debugger.
bigpipe-util - This library currently implements small part of Facebook BigPipe concept so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.