MDX@mdx_js

An open and authorable format that lets you seamlessly write JSX in your Markdown documents.

mdxjs.com
Joined August 2018
13 Photos and videos
Load newest
I've been experimenting with embeddable Alfie editors. I think an @mdx_js plugin that converted all JS code blocks to executable and editable inline editors would work well for some content.
2
2
Some of my earliest videos were on the combination of @gatsbyjs and @mdx_js while I was working on Themes and gatsby-plugin-mdx. egghead.io/playlists/buildin…
1
1
11
Will 2020 be the year of the interactive blog post? I like to think so. johno.com/year-of-the-intera…
3
17
91
MDX now has first-class support for Preact
8
122
MDX retweeted
Wes Bos
@wesbos
27 Feb 2020
Converted 10 year's worth of Blog posts in Markdown, HTML, plugin markup and all kinds of TinyMCE garbage to MDX files. It was a fight with thousands of Gatsby errors, but I wrote this ugly function that surprisingly worked. No existing packages fit my weird situation
27
26
357
Replying to @mdx_js @chrisbiscardi
I’m using it show animations to demonstrate common algorithms. I want to link the animation steps to blocks of code next. franklintarter.com/bubble-so…
1
1
2
Replying to @mdx_js
I use MDX for live-editable guitar chord-diagrams. It helps me to learn new chords. Now I don't need to flip through pages of a chord book, - just type the chord name, quality and see how to play it right there on the page. owlypixel.com/building-gatsb…
2
6
Replying to @mdx_js
I use MDX for scrollytelling and interactive code blocks on my blog: pomb.us/build-your-own-react… Here's the MDX file: github.com/pomber/site/blob/…

Build your own React

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the…

pomb.us
2
2
5
Have you built something awesome with MDX? Scrollytelling? d3 visualizations? interactive code blocks? 👇👇Show us what you've built👇👇
John Otander@4lpine
26 Feb 2020
Replying to @kyleshevlin
Wow, this is so rad! 😻 We need to start collecting links to all these awesome examples to share with folks.
4
2
12
I'm working on a post about "randomness" and it's super fun to quickly inline a couple components to help illustrate points. Having components at my disposal has gotten me to think about writing differently.
3
4
70
Just whipped up a small proof of concept for live editing @vuejs components in MD for a personal project using @mdx_js and @nuxt_js . A little hacky but can be useful for interactive docs. If anyone's interested in this, I can write about it 🖐🏾 DEMO: nuxt-mdx.netlify.com/
0:16
7
13
46
Markdown and @mdx_js are a lot alike, but I think some folks don't comprehend the benefits. Being able to replace a static image of a graph with an interactive chart that includes dropdowns, highlights, and filters (where readers can play with the data) is a huuuge advantage 🥇
Side by side Markdown and MDX documents next to their rendered pages, showing how MDX is capable of more sophisticated interactive content.

ALT Side by side Markdown and MDX documents next to their rendered pages, showing how MDX is capable of more sophisticated interactive content.

6
17
136
Many thanks to the @gatsbyjs team for having me at Gatsby Days LA this year! Here's the link to my slides, stay tunes for code samples... noti.st/resource11/w6pfZD

Smoothly Inclusive: React component library documentation with Gatsby and MDX by Kathleen McMahon

Have you ever struggled with a documentation setup that’s complex and challenging to maintain? This was a pain point for our team while rebooting our design system. We discovered that although our...

noti.st
1
3
18
🤪🤪🤪🤪 I'm really excited about this thing. My @gatsbyjs site has MDX blog posts, and renders ReactNativeWeb/expo-web embedded MDX demos. That's already nice. But now, I'm able to run my MDX blog posts (including demos) in @reactnative / @expo 🤓🤯😍🤟
3
6
42
⚡#100DaysOfGatsby Challenge 5: Markdown & React This week we invite you to mix a little React in your Markdown w/ MDX! gatsbyjs.org/blog/100days/md… MDX will give your content editing team the power to add interactive elements in their content w/out writing HTML or JSX directly!
Screenshot of blog post about using React with Markdown

ALT Screenshot of blog post about using React with Markdown
6
18
v0.0.68 👩‍💻 Monaco editor for the code view 😻 🧈 Smoother canvas drag and drop 🐛 Many bugfixes Thanks to @jakerunzer, @CaryyonDude, John Letey, and others for the contributions! 👉 blocks-ui.com/demo
1
16
78
So it seems I'm able to run @expo <Camera> component inside Docz MDX (special kind of @gatsby site). Here's a POC: goofy-carson-fc4758.netlify.… cc @Baconbrix
4
21
Was a little over two years ago that the first commits to MDX were pushed. Pretty exciting to see how far we've come, even more exciting to think about where we'll go.
1
8
Can anyone point me to open source projects using Typescript and MDX? Would love to add some real world examples to the @mdx_js docs for folks to explore.
3
5
17
Load more