Utiliser MDX

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

Read next: