Create a Live Code Component with Gatsby MDX and React Live

Chris Biscardi
InstructorChris Biscardi

Share this video with your friends

Send Tweet

One exciting use case for MDX is the ability to render markdown code blocks as live code right on your website. In this lesson, we use React Live to implement a live editable codeblock.

Quang Le
Quang Le
~ a year ago

Hi Chris, do you know if multiple live code-blocks are supported on the same mdx file? From your code sandbox, if I add another code block, it displays like this one jsHello World! with the bold Hello World! Thanks