Meta tags:
description=MDX lets you use JSX in your markdown content. 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.;
keywords=mdx,markdown,jsx,oss,react;
author=John Otander and Titus Wormer;

Headings (most frequently used words):

mdx, markdown, for, thecomponent, era, last, year, snowfall, new, what, does, do, get, started, in, short,

Text of the page (most frequently used words):
mdx (31), you (11), #markdown (9), the (9), and (8), components (7), jsx (6), year (6), use (5), for (5), snowfall (5), github (4), content (4), this (4), with (4), which (4), component (4), your (4), was (4), support (3), started (3), what (3), does (3), import (3), can (3), opencollective (2), projects (2), sponsor (2), playground (2), vue (2), rollup (2), react (2), preact (2), node (2), loader (2), esbuild (2), embed (2), syntax (2), using (2), skip (2), site (2), made (2), build (2), based (2), get (2), interactive (2), 2023 (2), above (2), average (2), followed (2), warm (2), spring (2), caused (2), flood (2), conditions (2), many (2), nearby (2), rivers (2), last (2), that (2), framework (2), supports (2), chart (2), continue (2), reading (2), era (2), blog, about, contribute, community, remark, packages, injecting, demand, highlighting, math, frontmatter, flavored, gfm, guides, troubleshooting, extending, getting, docs, ceasefire, now, updates, rss, feed, project, mit, 2017, 2026, not, track, amsterdam, boise, around, dan_abramov, lol, good, has, runtime, all, compilation, occurs, during, stage, blazingly, blazing, fast, simplicity, elegance, remains, only, when, want, decide, rendered, each, construct, myheading, customizable, existing, other, files, everything, blends, fit, perfectly, powerful, short, there, are, integrations, most, bundlers, frameworks, editors, whether, docusaurus, next, vite, prefer, webpack, where, try, out, see, turns, into, play, gets, compiled, javascript, any, fcb32c, color, const, export, from, example, write, embedded, through, small, major, time, nothing, big, also, nice, sometimes, mainly, drops, old, later, adds, modern, es2024, too, removes, several, deprecated, options, await, new, lets, such, charts, alerts, them, within, makes, writing, long, form, blast, navigation,

Text of the page (random words):
markdown for the component era mdx skip to navigation markdown for the component era mdx lets you use jsx in your markdown content 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 continue reading new mdx 3 a small major this time nothing big which is also nice sometimes this mainly drops support for old node use 16 or later adds modern es2024 support in mdx supports await in mdx if your framework does too and removes several deprecated options continue reading what does mdx do you write markdown with embedded components through jsx example mdx import chart from snowfall js export const year 2023 last year s snowfall in year the snowfall was above average it was followed by a warm spring which caused flood conditions in many of the nearby rivers chart color fcb32c year year it gets compiled to javascript that you can use in any framework that supports jsx last year s snowfall in 2023 the snowfall was above average it was followed by a warm spring which caused flood conditions in many of the nearby rivers we made an interactive playground where you can try mdx out and see what it turns into play get started there are integrations for most bundlers frameworks and editors whether you build with docusaurus next js or vite you prefer rollup esbuild or webpack you re using react preact or vue get started mdx in short ️ powerful mdx blends markdown and jsx syntax to fit perfectly in jsx based projects everything is a component use existing components in your mdx and import other mdx files as components customizable decide which component is rendered for each markdown construct h1 myheading markdown based the simplicity and elegance of markdown remains you use jsx only when you want to blazingly blazing fast mdx has no runtime all compilation occurs during the build stage lol mdx is so good dan_abramov mdx is made with ️ in amsterdam boise and around the this site does not track you mit 2017 2026 project on github site on github updates as rss feed sponsor on opencollective ceasefire now ️ skip to content mdx docs what is mdx getting started using mdx extending mdx troubleshooting mdx guides github flavored markdown gfm frontmatter math syntax highlighting embed mdx on demand injecting components packages mdx js esbuild mdx js loader mdx js mdx mdx js node loader mdx js preact mdx js react mdx js rollup mdx js vue remark mdx components playground community support contribute sponsor about projects blog github opencollective