[cowboyd]

React brings the architecture to the largest JS component ecosystem and completes the initial framework story. A custom React reconciler maps Fiber’s mutation host configuration directly onto the same Host operations already exercised by raw code, Solid, and Preact. Because focus, input, events, layout, invalidation, terminal rendering, and cleanup already belong to lower layers, the React package can remain focused on reconciliation instead of becoming a second TUI implementation.

Mounting into an arbitrary attached Host element makes React composable rather than exclusive: an application can use React for one subtree, another framework elsewhere, or raw Host operations alongside both. Typed lowercase box, text, and input elements preserve familiar JSX and onInput conventions while deriving their actual properties from the framework-neutral element registry.

import { createUI } from '@clack/ui';
import { createRoot } from '@clack/ui-react';
import { HelloWorld } from './app.tsx';

await using ui = await createUI({
	input: process.stdin,
	output: process.stdout,
});

const root = createRoot(ui.host.element);
root.render(<HelloWorld />);

await ui.main();

This PR adds @clack/ui-react, a synchronous mutation-mode React reconciler, typed JSX intrinsic elements, and root mounting and unmounting. React instance, text, property, event, ordering, and removal operations are translated into Host mutations, with an optional commit hook available to consumers. It also adds the React version of the Hello World example.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​types/​react-reconciler@​0.33.0
	@​types/​react@​19.3.0
	react@​19.3.0
	react-reconciler@​0.33.0

View full report

[pkg-pr-new]

More templates

• @examples/basic
• @examples/hello-world
• @examples/hello-world-preact
• @examples/hello-world-react
• @examples/hello-world-solid

npm i https://pkg.pr.new/bombshell-dev/ui/@clack/ui@33

npm i https://pkg.pr.new/bombshell-dev/ui/@clack/ui-preact@33

npm i https://pkg.pr.new/bombshell-dev/ui/@clack/ui-react@33

npm i https://pkg.pr.new/bombshell-dev/ui/@clack/ui-solid@33

commit: fb55c35

[cowboyd]

closing out in favor of a DOM based substrate. See #37