---
type: podcast
authors:
  - alex-patterson
  - brittney-postma
episode: 5
recording_date: January 1, 2021
season: 1
published: published
podcast: CodingCat.dev
chapters_done: true
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/main-codingcatdev-photo/gevydae4mzjfsfgqet4g.png
devto: https://dev.to/codingcatdev/1-5-mdx-with-chris-biscardi-164m
excerpt: MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. We talk about MDX and the technology surrounding MDX with Chris Biscardi.
guests:
  - chris-biscardi
hashnode: https://hashnode.codingcat.dev/podcast-1-5-mdx-with-chris-biscardi
picks:
  [
    {
      author: 'alex-patterson',
      name: 'Circle - The all-in-one community platform for creators & brands',
      site: 'https://circle.so/'
    },
    {
      author: 'alex-patterson',
      name: 'Spline a place to design and collaborate in 3D',
      site: 'https://spline.design'
    },
    { author: 'alex-patterson', name: '2021 NG-Conf', site: 'https://www.2021.ng-conf.org/' },
    {
      author: 'brittney-postma',
      name: 'Build a Toast Site with MDX and Tailwind – Learn with Jason',
      site: 'https://www.learnwithjason.dev/build-a-toast-site-using-mdx-and-tailwind'
    },
    { author: 'brittney-postma', name: 'Party Corgi Network', site: 'https://partycorgi.com/' },
    { author: 'chris-biscardi', name: 'swc', site: 'https://github.com/swc-project/swc' },
    {
      author: 'chris-biscardi',
      name: 'Salsa - a generic framework for on-deman, incrementalized computation',
      site: 'https://github.com/salsa-rs/salsa'
    },
    {
      author: 'chris-biscardi',
      name: 'Bevy - A refreshingly simple data-driven game engine built in Rust Free and Open Source Forever!',
      site: 'https://bevyengine.org/'
    }
  ]
slug: 1-5-mdx-with-chris-biscardi
spotify: https://open.spotify.com/episode/4eLI40xvIyyPgCEt0Ca1bO?si=yyfPraWzT3KiHw3hfqLjvg
start: January 1, 2021
title: MDX with Chris Biscard
youtube: https://www.youtube.com/watch?v=LYcVHxhLxdc
---

## What is MDX?

[https://mdxjs.com/](https://mdxjs.com/)

[Markdown for the component era](https://mdxjs.com/#markdown-for-the-component-era)

MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast 🚀.

## Questions

1. Why would you use regular markdown?
1. What makes MDX so powerful?
1. If you have HTML tags in md do they need to be converted to JSX?
1. How do you get compilation at Build Time, if a component is used?
1. How does MDX perform at scale?
1. Digital Garden’s with MDX, what framework would you recommend to get started with one right now?
1. So, you’ve created a new ESM first framework built on Preact called Toast. Is MDX built into it out of the box? [https://www.toast.dev/](https://www.toast.dev/)
