okno
← Back to blog Engineering

The spread-to-edit pattern

Tomáš Novák
Tomáš Novák
Engineering
The spread-to-edit pattern

okno's authoring API is almost invisible. You import your content, then spread a field onto the element that renders it.

<h1 {...home.title}>{home.title}</h1>

The spread adds the boundary the editor needs; the child renders the value. Same value, two jobs, no duplication.

It composes

References resolve to full items, blocks become arrays you can map over, and every leaf keeps its own boundary. Nothing special to wire up.