Build GTK+ apps with React

import { GtkWindow, GtkBox, GtkLabel, GtkButton, 
  GtkOrientation, GtkAlign } from 'react-gtk-renderer';

export function MyApp() {
  return (
    <GtkWindow defaultHeight={400} defaultWidth={600} title="My App">
      <GtkBox
        orientation={GtkOrientation.VERTICAL}
        spacing={12}
        valign={GtkAlign.CENTER}
        halign={GtkAlign.CENTER}
      >
        <GtkLabel label="Hello from React GTK!" />
        <GtkButton onClicked={() => console.log('Button clicked')}>
          Click me
        </GtkButton>
      </GtkBox>
    </GtkWindow>
  );
}

import { createRoot } from 'react-gtk-renderer';
import { MyApp } from './components/app';

const root = createRoot({
  id: 'com.example.myapp'
});

root.render(<MyApp />);