Rezact

A JavaScript UI Framework/Library (call it what you want) that blends the best of svelte, solid, react, and many others.

When you need your app to react exact, reach for Rezact.

export default function App() {
  let $counter = 0;

  return (
    <>
      <h1>Hello World</h1>
      <p>{$counter}</p>

      <button onClick={() => $counter--}>Dec</button>
      <button onClick={() => $counter++}>Inc</button>
    </>
  );
}

Features

• Blazingly Fast
• Tree Shakable
• Lightweight Bundles
  • as low as 1.7kB gzipped for a basic Hello World
• NO VDOM
• Fine Grained DOM Updates
• Functional JSX Components
• Built in Client Side Router with Dynamic Routes and Imports
• Support for Layouts and Nested Layouts
• Built in support for uncontrolled/controlled forms/inputs
• Built in Form Validation Library
• Built in support for MDX
• Built in support for Scoped Styles using Shadow DOM
• Svelte like state management enabled by the compiler
• SolidJS like signal fine grained reactivity
• Customizeable Render Engine
  • add custom attributes to native elements
  • add custom child element handlers

---

More Detail

Rezact is designed to react exactly as you want to your state changes with fine grained DOM updates and no virtual DOM or diffing.

Rezact is designed with the intention of combining the best of your favorite frameworks, with a particular focus on functional JSX components with a svelte style of state management: no useState hooks, simply declare variables and the compiler handles transforming them into reactive signals.

Rezact combines a minimal framework with a compiler to bring the best of both. The framework is very compatible with tree shaking and vite is great at bundling only the code that you use from the framework. This can make simple stateless components/applications bundles almost as small as writing pure HTML. The compiler reduces the amount of boilerplate you need to type in your functional components by transforming them like svelte does.

---

Getting Start with Rezact

Quick Start Single Component Example Template:

npx degit https://github.com/Rezact/rezact-quick-start my-rezact-project
cd my-rezact-project
npm install
npm run dev