Hello, MDX!

This page is authored in MDX, so I can drop a real React component straight into the prose — and unlike the old {{component:Counter}} shortcode, I can pass it props:

I can also use inline JavaScript expressions, e.g. this page renders 4 as 4, and I can conditionally show things:

MDX expressions work inline. 🎉

Everything below is still ordinary Markdown — headings, bold, code, and fenced blocks with syntax highlighting:

const doubled = [1, 2, 3].map((n) => n * 2)