Open1

【React】Markdown & JSX それがMDX!!📝

まさぴょん🐱まさぴょん🐱

Markdown & JSX それがMDX!!

MDXは、MarkdownドキュメントにJSXをシームレスに記述できるオーサリング可能なフォーマットです。
インタラクティブなチャートやアラートなどのコンポーネントをインポートし、コンテンツ内に埋め込むことができます。
これにより、コンポーネントを使った長文コンテンツの作成が簡単になります。🚀

import {Chart} from './snowfall.js'
export const year = 2013

# Last year’s snowfall

In {year}, the snowfall was above average.
It was followed by a warm spring which caused
flood conditions in many of the nearby rivers.

<Chart year={year} color="#fcb32c" />

https://github.com/mdx-js/mdx/

https://mdxjs.com/

https://docs.astro.build/ja/guides/markdown-content/

https://zenn.dev/spring_raining/articles/3eb62ff93df1eb