0.1.7 • Published 2 days ago
@easrng/elements v0.1.7
@easrng/elements
A tiny framework powered by @preact/signals-core
.
import {render, signal, computed, type Component} from '@easrng/elements';
const Counter: Component = ({html}) => {
const value = signal(0);
return html`
<div>
Counter: ${value} is ${computed(() => (value.value % 2 ? 'odd' : 'even'))}
</div>
<button onClick=${() => value.value++}>Increment</button>${" "}
<button onClick=${() => value.value--}>Decrement</button>
`;
};
document.body.append(render(Counter));
Don't need signals?
Import @easrng/elements/tiny
for an even smaller version with no dependencies.
Minify your html
template strings for production
Webpack and Rspack
Use @easrng/elements/minify
as a loader.
Rollup, Vite, and Rolldown
Add the plugin to your configuration file:
import elementsMinify from '@easrng/elements/minify';
export default {
plugins: [
elementsMinify(),
],
};
More docs coming Soon™.
0.1.2
4 days ago
0.1.7
2 days ago
0.1.4
4 days ago
0.1.3
4 days ago
0.1.6
2 days ago
0.1.5
2 days ago
0.1.1
5 days ago
0.1.0-beta-11
3 months ago
0.1.0-beta-10
3 months ago
0.1.0-beta-9
3 months ago
0.1.0-beta-8
3 months ago
0.1.0-beta-7
3 months ago
0.1.0-beta-6
3 months ago
0.1.0-beta-5
3 months ago
0.1.0-beta-4
4 months ago
0.1.0-beta-3
4 months ago
0.1.0-beta-2
4 months ago
0.1.0-beta-1
4 months ago
0.1.0-beta-0
4 months ago
0.0.7
5 months ago
0.0.6
5 months ago
0.0.5
5 months ago
0.0.4
5 months ago
0.0.3
5 months ago
0.0.2
5 months ago
0.0.1
5 months ago