Archivo MDX en Astro como contenido vs archivo MD
Como puedo mostrarte, en Astro podemos tener al menos 2 formas de crear contenido: archivos .md y archivos .mdx. La diferencia entre ellos es que los archivos .mdx pueden tener código JSX y los archivos .md no.
Como en este ejemplo en Astro, podemos usar componentes de diferentes frameworks en la misma página, usando la característica de Dynamic Island. Aquí tienes un ejemplo:
Aquí está Svelte
Un componente renderizado del lado del servidor cargado en el lado del cliente.
Svelte Button was clicked 0 times
Aquí está React
Un componente renderizado del lado del servidor cargado cuando el cliente está inactivo.
React Button was clicked 0 times
Aquí está Vue
Un componente renderizado del lado del servidor pero cargado con reactividad cuando es visible.
Vue Button was clicked 0 times
En un archivo .md no podemos hacer esto porque está más orientado a contenido estático y no podemos usar código JSX en él.
Aunque el formato .md es una excelente herramienta porque es como crear HTML sin complejidad, MDX es genial porque mezcla todo en un solo archivo, solo separando un párrafo con un componente JSX.
Permite importar componentes y todo lo que necesites, incluso usando todo el poder de Markdown.
# hola mundo en h1
## hola mundo en h2
este es un párrafo
> Texto de cita
> Este es un archivo MDX 💌
Comments for 000009