This article also exists in: English

Salut les gens!

Grace a à MDX, il est maintenant possible d’ajouter du JSX dans du Markdown! Juste en dessous, un example de JSX intégré dans du Markdown

MDX est un format autorisable qui vous permet d’écrire en toute transparence JSX dans vos documents Markdown. Vous pouvez importer des composants, tels que des graphiques interactifs ou des alertes, et les intégrer dans votre contenu. Cela rend l’écriture de contenu longue forme avec des composants un souffle 🚀.

Example:

Voila du JSX dans du Markdown

Code:

<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
  <h3>Voila du JSX dans du Markdown</h3>
  {console.log('Salut MDX')}
</div>

How-to?

import MySuperComponent from '../path/to/MySuperComponent'

# Du text en Markdown

<MySuperComponent />
Un autre texte en markdown

Read more

👉 https://mdxjs.com

About the author

For the last decade, Maxence Poutord has worked with a variety of web technologies. He is currently focused on front-end development. On his day to day job, he is working as a senior front-end engineer at VSware. He is also an occasional tech speaker and a mentor. As a digital nomad, he is living where the WiFi and sun are 😎
Do you want to know more? Visit my website!