コンパイラ優先のリアクティブJavaScript UIフレームワーク。仮想DOMは使用しません。コンパイルタイムのJSX変換。プロキシベースのストア。外科的なDOMパッチ。Hello-worldの本番ビルドは121 B brotliです。同等のインタラクティブTodoは4.9 KBのbrotli JavaScriptを出荷します。

Geaはビルド時に効率的なHTML文字列テンプレートにJSXをコンパイルし、ディーププロキシを通じて状態変更を追跡し、変更されたデータに実際に依存するDOMノードのみをパッチします。差分や照合のオーバーヘッドはありません。

Svelteは「フレームワークをコンパイルする」という言葉を有名にしました。Geaはこのフレーズを文字通りに受け取り、静的なhello-worldアプリではフレームワークランタイムがバンドルから消えます。

ほとんどゼロにコンパイル

新しいViteの本番環境環境ビルドでは、Geaはbrotli JavaScriptの121 B**を出荷します。同等のSolidビルドは3.6 kB、Svelteは8.5 kB、Vueは20.7 kB、Reactは50.8 kBを出荷します。

Gea

A compiler-first reactive JavaScript UI framework. No virtual DOM. Compile-time JSX transforms. Proxy-based stores. Surgical DOM patching. A hello-world production build is 121 B brotli; an equivalent interactive todo ships 4.9 kb of brotli JavaScript.

Gea compiles your JSX into efficient HTML string templates at build time, tracks state changes through deep proxies, and patches only the DOM nodes that actually depend on the changed data — no diffing, no reconciliation overhead.

Svelte made “compile the framework away” famous. Gea takes the phrase literally: in a static hello-world app, the framework runtime disappears from the bundle.

Compile To Almost Nothing

In a fresh Vite production hello-world build, Gea ships 121 B of brotli JavaScript. The equivalent Solid build ships 3.6 kB, Svelte ships 8.5 kB, Vue ships 20.7 kB, and React ships 50.8 kB.

Measured from fresh Vite 8.0.10 production apps, summing JavaScript assets only. Gea used the compiled component output; React, Vue, and Svelte used equivalent minimal hello-world components.

Stays Lean When The App Does Work

Hello world proves the compiler can disappear. Todo proves the runtime stays lean when the app actually does something.

In an equivalent interactive todo app with reactive state, input handling, filtering, item updates, and identical CSS, Gea ships 4.9 kB of brotli JavaScript. Solid ships 5.7 kB, Svelte ships 13.7 kB, Vue ships 22.6 kB, and React ships 51.5 kB.

Measured from fresh Vite production builds in /tmp/gea-todo-framework-size-compare. CSS was identical across all builds: 2,711 B raw, 746 B brotli.

// counter-store.ts
import { Store } from '@geajs/core'

class CounterStore extends Store {
  count = 0
  increment() { this.count++ }
  decrement() { this.count-- }
}

export default new CounterStore()