GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ vanilla-jsx β†’ vanilla-jsx

vanilla-jsx / vanilla-jsx

Licence: MIT license
Vanilla jsx without runtime. HTML Tag return DOM in js, No virtual DOM.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactvuewebcomponentsdomvanillajsxobservablecustomelementshtml-tagvanilla-jsx

Projects that are alternatives of or similar to vanilla-jsx

smart-custom-element
Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance. This library is focused for providing the developer the ability to write robust and native web components without the need of dependencies and an overhead of a framework.
Stars: ✭ 17 (-75.71%)
Mutual labels:  webcomponents, dom, customelements
lego
πŸš€ Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (-1.43%)
Mutual labels:  webcomponents, dom, customelements
Riot
Simple and elegant component-based UI library
Stars: ✭ 14,596 (+20751.43%)
Mutual labels:  webcomponents, customelements
string-dom
Create HTML strings using JSX (or functions).
Stars: ✭ 13 (-81.43%)
Mutual labels:  dom, jsx
smart-webcomponents-community
Material & Bootstrap Web Components built with Smart
Stars: ✭ 30 (-57.14%)
Mutual labels:  webcomponents, customelements
Atoms
Atoms for Blaze UI
Stars: ✭ 1,505 (+2050%)
Mutual labels:  webcomponents, jsx
Robojs
RoboJS is a library that aims to dynamically load JS modules depending on how the DOM is composed.
Stars: ✭ 133 (+90%)
Mutual labels:  webcomponents, dom
identicon-avatar
πŸ‘Ύ GitHub style identicon avatar
Stars: ✭ 15 (-78.57%)
Mutual labels:  webcomponents, customelements
Slim.js
Fast & Robust Front-End Micro-framework based on modern standards
Stars: ✭ 789 (+1027.14%)
Mutual labels:  webcomponents, dom
modulor-html
Missing template engine for Web Components
Stars: ✭ 36 (-48.57%)
Mutual labels:  webcomponents, dom
crab
JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API
Stars: ✭ 22 (-68.57%)
Mutual labels:  webcomponents, dom
recks
🐢 React-like RxJS-based framework
Stars: ✭ 133 (+90%)
Mutual labels:  dom, jsx
Vanilla Hamburger
Animated hamburger menu icons for modern web apps (1.8 KB) πŸ”
Stars: ✭ 110 (+57.14%)
Mutual labels:  webcomponents, vanilla
Onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Stars: ✭ 8,518 (+12068.57%)
Mutual labels:  webcomponents, customelements
Omi
Front End Cross-Frameworks Framework - ε‰η«―θ·¨ζ‘†ζžΆθ·¨εΉ³ε°ζ‘†ζžΆ
Stars: ✭ 12,153 (+17261.43%)
Mutual labels:  webcomponents, jsx
Crab
JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API
Stars: ✭ 22 (-68.57%)
Mutual labels:  webcomponents, dom
aurum
Fast and concise declarative DOM rendering library for javascript
Stars: ✭ 17 (-75.71%)
Mutual labels:  webcomponents, dom
Snuggsi
snuggsi ツ - Easy Custom Elements in ~1kB
Stars: ✭ 288 (+311.43%)
Mutual labels:  webcomponents, dom
Vanilla Colorful
A tiny color picker custom element for modern web apps (2.7 KB) 🎨
Stars: ✭ 467 (+567.14%)
Mutual labels:  webcomponents, vanilla
bce.design
minimal magic, minimal tooling, essential dependencies, high productivity, no transpilations and no migrations. The Web Components starter ships with integrated lit-html, redux-toolkit and vaadin router components.
Stars: ✭ 67 (-4.29%)
Mutual labels:  webcomponents, customelements
View All Similar Projects βž”

vanilla-jsx

Vanilla jsx without runtime.

HTML Tag return DOM in js, No virtual DOM.

const content = <div>This is content.</div>;
document.body.append(content);

Run

install and config

npm i @vanilla-jsx/jsx-runtime

and edit babel.config.js or .babelrc or other babel config:

...
    presets: [
        ...
        [
            '@babel/preset-react', {
                runtime: 'automatic',
                importSource: '@vanilla-jsx'
            }
        ]
    ]
...

then, coding js with jsx.

simple source

Documentation

and more: https://vanilla-jsx.github.io/vanilla-jsx/

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].