The X in MDX
summary
MDX pages compile to React components via an MDX loader converts .mdx into a React component, then an MDXProvider override (including the wrapper) exposes children as a children array with mdxType so code can extract structure. Examples show extracting headings for a table of contents, grouping content into steps, driving a scrollytelling layout, syncing four elements per step with video/audio, and animating a terminal component; the conference talk itself is built this way and the repo runs with yarndev.
AI-written summary · about
chapters (4)
related talks
09mThe X in MDX
28mBeyond Skeuomorphic Markdown
43mFWD: Urgent Opportunity to Claim the React + MDX Newsletter Inheritance
17mFrom Brittle to Supple: How Gatsby and MDX Made Our Documentation Smoothly
48mBringing React into your Content Sites
23mThe Legendary Fountain of Truth: Componentize Your Documentation!
05mMarkdown + React = 💙
21mReact Beyond the DOM