Hywer is a World Smallest1kb, JSX based, Fine Grained Reactive UI Library.
Hywer uses native browser apis like createElement, createTextNode and reactively update its content.
In Hywer all you JSX components like <Component/> is a native HTMLElement objects.
Hywer updates DOM granularly and asynchronously without slowing down your code.
import { ref } from "hywer"
const App = () => {
const count = ref(0)
const doubleCount = count.derive(val => val * 2)
return <>
🧡 {doubleCount}
<button onClick={() => count.val++}>👍</button>
<button onClick={() => count.val--}>👎</button>
</>
}
document.getElementById("app").append(...<App />)brotli / gzip.JSX support out of the box.<div> is a real div in DOM. Use your browser dev tools to inspect rendering.UglifyJS / closure compiler ready code base.webpack babel vite swc bun, with little configuration.Carefully optimized for performance and bundle size. Hywer performance indistinguishable from vanilla js. Hywer provides very little layer of abstraction between your code and browser apis. Reactive value dependecies is static and execution is async without main thread blocking.
Hywer behavior is predictable and simple to understand without any magic values or runtime dependency tracking.
Hywer only does one thing and does it well.
Hywer does not dictate to you the style of code, where you use it, whether to use jsx, or the build system.
You can use Hywer with babel, swc, webpack or what you want.
You can even use Hywer with another framework if you want.
Hywer is just a lib that generates HTMLElement.
Hywer can be anything you want it to be, depending on your desires, Hywer is open to your suggestions and pull rеquestions. You are the one who can make Hywer better!
Hywer support all mainline browser and any runtime with DOM api like Deno or Node.
At this point Hywer is in a very early stage of development so feel free to open an issue with your problems and suggestions.