Use React in Markdown
Render React components directly inside VitePress Markdown pages while keeping existing JSX, TSX, and TypeScript workflows.
Render React components directly inside VitePress Markdown pages while keeping existing JSX, TSX, and TypeScript workflows.
Choose `ssr:only`, `client:load`, `client:visible`, or `client:only` per component instead of turning the whole page into a separate app.
`spa:sync-render` lets selected components land earlier during route changes so flicker and layout shift stay under control.
The site still follows the VitePress static-generation model, and client takeover only happens where interaction is actually needed.
React components, Markdown content, and theme extensions stay in one documentation workflow with aligned `HMR` and build behavior.
Inspect page overlays, debug logs, bundle composition, and build reports when you need to understand rendering, `HMR`, or asset cost.