The X in MDX
summary
Shows that MDX can be treated as a programmable AST: the MDX loader turns a .mdx into a React component, the wrapper receives children as an array of React elements with MDX types, and those elements can be extracted or transformed to build features like a table of contents or step groups. Demonstrations use Next.js, override components via the components prop, and implement scroll-telling and media-synced walkthroughs with a terminal demo. Repo is available and runs with yarn dev.
AI-written summary · about
chapters (12)
- 0:00Intro
- 1:11How it works
- 1:43MDX Provider
- 2:29Children Probe
- 3:06Children List
- 3:45Steps
- 5:20Scroll Italian Layout
- 6:22Array Transformations
- 6:40Animations
- 7:32Top Layer
- 8:09Dot
- 8:28Outro
