MDX
Published Updated
What is MDX?
An advanced extension of Markdown that allows developers to seamlessly embed interactive React components directly within standard text documents.
MDX bridges the gap between static text and interactive applications. While standard Markdown can only render static formatting (like bold text or images), MDX allows you to import and render live JavaScript components (like an interactive data chart or a functional email signup form) directly inside paragraphs of text.
When you would use it
You use MDX when building modern documentation sites or blogs where standard text needs to be interspersed with dynamic, interactive UI components.
Common operations
- Authoring highly interactive technical documentation or blog posts.
- Embedding a functional, live code editor inside a tutorial article.