Qu'est-ce que MDX ?

MDX est une extension de Markdown qui permet aux développeurs d'intégrer des éléments JSX et de charger des composants, tels que des graphiques interactifs et des alertes. Cela permet de créer des documents Markdown plus dynamiques et engageants, surtout pour des contenus longs.

Syntaxe de base

Il n’existe pas de norme spécifique pour intégrer MDX. Voici un exemple simplifié pour illustrer :

import React from 'react';

const MyComponent = () => {
    return 
Ceci est un composant React
;
};

// Ceci est un fichier MDX
const MyMDX = () => {
    return (
        <>
            
Ceci est un titre
            
        
    );
};

export default MyMDX;