Markdown is a fantastic tool. It makes writing simple. Markdown documents are plain text, so you don’t need to worry about tags and HTML and all that. You just write. And when you need a
<a>, or a
<h1>, it’s already there. It’s like magic!
But say you’re writing a React app with
pushState, and you don’t want your links to use
<a> tags; they break your smooth navigation. You want them to use react-router or react-junctions’
<Link> tags instead. And you’re shit outta luck, because you can’t. Or you couldn’t, before MDXC.
import components and accept
props. And to top it all off, MDXC lets you configure how each element is rendered, giving you all sorts of ways to confuse your users and also a few ways to genuinely improve their experience.
If you can’t tell yet, I’m pretty excited about MDXC. So please indulge me and take a gander at this example: