littlebag β a 343-byte reactive framework **littlebag** isβ¦
0 reactions
littlebag β a 343-byte reactive framework
**littlebag** is a reactive UI framework that includes:
* Reactive state management using `state` and `effect`
* `html` element factory that supports reactivity
* Conditional rendering with `keyed`
* Reactive lists using `each`
* TypeScript declarations
All that while being just... 343 bytes (minified and brotlified)!
I made that as a fun little side project partially inspired by the awesome VanJS https://vanjs.org/ (which is 1 kB and isn't very convenient without additional 1.2 kB Van X). I would really like to receive some feedback, and would be very happy to see someone use it to make something cool!
I'm also planning to create a simple SSR library for littlebag based on a custom minimalist DOM implementation if I see people interested in that.
There's an example TODO list app with littlebag on CodePen https://codepen.io/GulgDev/pen/XJpZZRp?editors=0010 .
P.S. It *might* be fairly slow now due to a lack of any benchmarks and performance optimizations yet.
#technology #js #dev #programming
**littlebag** is a reactive UI framework that includes:
* Reactive state management using `state` and `effect`
* `html` element factory that supports reactivity
* Conditional rendering with `keyed`
* Reactive lists using `each`
* TypeScript declarations
All that while being just... 343 bytes (minified and brotlified)!
I made that as a fun little side project partially inspired by the awesome VanJS https://vanjs.org/ (which is 1 kB and isn't very convenient without additional 1.2 kB Van X). I would really like to receive some feedback, and would be very happy to see someone use it to make something cool!
I'm also planning to create a simple SSR library for littlebag based on a custom minimalist DOM implementation if I see people interested in that.
There's an example TODO list app with littlebag on CodePen https://codepen.io/GulgDev/pen/XJpZZRp?editors=0010 .
P.S. It *might* be fairly slow now due to a lack of any benchmarks and performance optimizations yet.
#technology #js #dev #programming
| 2,000 mlx | |
| 2 | |
| 0 |