glendix/binding

외부 React 컴포넌트 바인딩 (FFI 없이 순수 Gleam으로 사용)

bindings.json에 등록된 라이브러리의 컴포넌트를 가져온다. gleam run -m glendix/install 실행 시 바인딩이 자동 생성된다.

html.gleam과 동일한 호출 패턴으로 래퍼를 작성하면 일관된 API를 제공할 수 있다:

import glendix/binding
import glendix/react.{type ReactElement}
import glendix/react/attribute.{type Attribute}

fn m() { binding.module("recharts") }

// attrs + children 컴포넌트
pub fn pie_chart(attrs: List(Attribute), children: List(ReactElement)) -> ReactElement {
  react.component_el(binding.resolve(m(), "PieChart"), attrs, children)
}

// children만 받는 컴포넌트
pub fn pie_chart_(children: List(ReactElement)) -> ReactElement {
  react.component_el_(binding.resolve(m(), "PieChart"), children)
}

// children 없는 컴포넌트 (Cell, Tooltip 등)
pub fn cell(attrs: List(Attribute)) -> ReactElement {
  react.void_component_el(binding.resolve(m(), "Cell"), attrs)
}

pub type JsModule

pub fn module(name: String) -> JsModule

pub fn resolve(module: JsModule, name: String) -> react.Component