Renderer

The renderer consumes the document model and maps blocks, inline marks, links, and media to React Native components.

Rendering flow

1. Parse the markdown into the document model.
2. Resolve blocks and inline content.
3. Render the model with the default components or your own overrides.

Custom components

Start with the default renderer and replace only the block or mark components that need application-specific behavior. Keep custom components focused on presentation so the document engine remains reusable.