Strata

Rust-powered static HTML fragments for React Server Components.

Strata turns typed, non-interactive content into safe, deterministic HTML. React continues to own composition, Client Components and application state. Strata handles static interiors that do not need element-by-element React ownership.

Status: early exploration. The document format and API may change before 1.0.

Why Strata?

Large static content can expand into a much larger serialized React element tree. Strata provides a narrower representation:

typed content → Rust renderer → safe HTML → React-owned boundary

This does not replace React Server Components or Flight. It gives an RSC framework an optimized representation for host-only regions such as articles, documentation, CMS content, code listings and large read-only descriptions.

Background

Strata grew out of the representation-aware transport idea explored in RSC or Raw Data? Designing a Representation-Aware UI Transport. The package is a small experiment around one piece of that idea: carrying safe HTML fragments through a React-owned RSC boundary when a subtree does not need element-by-element React ownership.

Install

pnpm add @farming-labs/strata

Install only @farming-labs/strata. It automatically installs and loads the native binary for the current operating system and CPU architecture. Packages named @farming-labs/strata-* are platform-specific optional dependencies and should not be installed directly.

Render a document

import { render } from "@farming-labs/strata";

const content = {
  type: "document",
  children: [
    {
      type: "element",
      tag: "article",
      attributes: { class: "prose" },
      children: [
        {
          type: "element",
          tag: "h1",
          children: [{ type: "text", value: "Representation-aware UI" }],
        },
        {
          type: "element",
          tag: "p",
          children: [
            {
              type: "text",
              value: "React owns the boundary. Strata renders the interior.",
            },
          ],
        },
      ],
    },
  ],
};

const fragment = render(content);

fragment.html;
fragment.hash;
fragment.nodeCount;
fragment.bytes;

Text and attribute values are escaped. Elements, a