컴파일러 우선의 반응형 자바스크립트 UI 프레임워크. 가상 DOM이 없음. 컴파일 시 JSX 변환. 프록시 기반 저장소. 수술적인 DOM 패치. 헬로월드 프로덕션 빌드는 121 B brotli이며; 이에 상응하는 인터랙티브 Todo는 4.9KB의 브로틀리 JavaScript를 제공합니다.

Gea는 빌드 시점에 JSX를 효율적인 HTML 문자열 템플릿으로 컴파일하고, 딥 프록시를 통해 상태 변경을 추적하며, 실제로 변경된 데이터에 의존하는 DOM 노드만 패치합니다 — 차분이나 조정 오버헤드가 없습니다.

Svelte는 "프레임워크를 컴파일하라"는 유명함을 만들었습니다. Gea는 이 표현을 문자 그대로 받아들입니다: 정적인 헬로월드 앱에서는 프레임워크 런타임이 번들에서 사라집니다.

거의 무(無)까지 컴파일하다

새로운 Vite 프로덕션 헬로월드 빌드에서는 Gea가 121 B**의 brotli JavaScript를 출하합니다. 동등한 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()