Using MDX With React

Articles & Tutorials

Front-End Documentation, Style Guides and the Rise of MDX (
May 23, 2019
This article is a broad overview of the tools available for writing documentation and for building style guides. Not all the tools listed here make use of MDX but it’s increasingly being incorporated into documentation tooling.
  • Ollie Williams
Convert the Gatsby default starter blog to use MDX (
Apr 11, 2019
In this guide we're going to cover converting the Gatsby default blog starter to use MDX.
  • Scott Spence
Accessing Props in MDX (
Jan 19, 2019
When writing MDX, sometimes you want to display more dynamic content than you otherwise would be able to.
  • Chris Biscardi
Using MDX with create-react-app 2 (
Jan 16, 2019
Learn how to get the succinct syntax of Markdown, the power of JSX, and all with the simplicity of create-react-app 2.
Building Ambitious Apps with MDX (
Oct 25, 2018
Learn how MDX works and create a blazing fast app in no time.
  • Prosper Otemuyiwa

Video Guides & Talks

What is MDX (
Aug 06, 2018
I've recently taking a big liking to MDX: A JSX in Markdown loader, parser, and renderer for ambitious projects. It combines the readability of Markdown with the expressivity of JSX. The best of both worlds.
ZEIT Day 2018 - Keynote (
May 03, 2018
In this keynote, of our third conference in San Francisco, we are talking about what we have accomplished so far and what the future of cloud computing holds. We also announced Next.js 6 and MDX.


mdx-deck (
Jun 20, 2019
♠️ MDX-based presentation decks
  • Brent Jackson
@mdx-js/mdx (
Jun 18, 2019
JSX in Markdown for ambitious projects.
spectacle (
Apr 16, 2019
A React.js based library for creating sleek presentations.
mdx-deck-code-surfer (
Jan 22, 2019
React component for scrolling, zooming and highlighting code samples.
  • Rodrigo Pombo