Is ".mdx" file format only supported/used by React.js

Question

Almost all the references online mention the use of MDX with React.js. Even though other frameworks or libraries support MDX (with help of components), I haven't specifically seen the use of ".mdx" file formats outside of React.

The support of ".mdx" files in Gatsby and Next.js allows us to create a separate folder for the blog posts and have them stored anywhere (CMS, Github etc...) which helps in organizing. And the file extension of ".mdx" itself is pretty straight-forward and self-explanatory even for a beginner to grasp the concept.

So I was just wondering - If I would like to use mdx files, am I limited to React.js? Is it possible to use Svelte, Vue, Angular as well?

Imad · Accepted Answer · 2021-10-05T17:05:17.127

2

Yes you can use mdx outside of React but not everywhere, Check out this guides I hope they help!

mdx for Vue.js: https://mdxjs.com/guides/vue/
mdx for Svelte(MDsveX): https://madewithsvelte.com/mdsvex

edited Oct 05 '21 at 17:05

answered Oct 04 '21 at 19:27

Imad

36
3

score 1 · Answer 2 · answered Oct 04 '21 at 19:27

1

MDX as such is specifically for React because it uses JSX to define it's component.

I am sure there are alternatives for other frameworks, as a Svelte user myself I know that at least Svelte has MDSVEX which is basically the same.

answered Oct 04 '21 at 19:27

Stephane Vanraes

14,343
2
23
41

MDsveX mentions the use of `.svx` file formats. Does it also support `.mdx`? – Gangula Oct 05 '21 at 07:43
It is almost the same, markdown with svelte components inside. But a pure mdx file probably not no. – Stephane Vanraes Oct 05 '21 at 08:49

Is ".mdx" file format only supported/used by React.js

2 Answers2