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

About the author

崇尚新潮技術的自學者,對世界的運作充滿好奇,
導致各種IT相關技術都有所涉略(Web🌎| Mobile📱| Desktop💻| Game🎮)
日後將發布各種小知識與技術細節的文章,歡迎聯繫與討論😉