0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

mdx.png

MDX の紹介

MDX (Markdown + JSX)(マクドウヌとJSX) とわMDXの単純さにJSXの弾力を組み合わせる強力なフォルマットです。これを使っdeveloperたちMarkdown語をReactと共に使う事が可能です。だからMDXわ記事やコンテンツを書くにわ良い選択です。

MDXを選ぶ理由

MDX わ幾つか利点を酔いします:

  1. 使い慣れた構文:MDXわMarkdown語の上に作られたものですから、学ぶのも覚えるのも簡単です。

  2. コンポネントの統合: ReactのコンポネントをMDXと簡単に統合してダヤナミックなコンテンツを作れます。

  3. コンテンツの再利用可能です: 同じコンポネントを再利用して数回のMDXフャィルニ使うことができます。

  4. カストマイズ可能です。: MDX わ使って例えばヘディング、リスト、画像見たいんなものを一つのカスタムコンポネントに変身して数回の所使える。

  5. 良い書類に使える: MDXわ主に書類、ブログ、しょしてコンテンツを使うウェッブサイトに予億使っているのです

MDXの働きかた

MDXファイルとわMarkdown語を使うJSXファイルのことだ。MDXファイルの使い方の例文:

# 俺のブログへようこそ
これわMDXを使って書いた簡単なブログです。下の線わわReactコンポネントを使っている:
<MyComponent title="こにちわ、MDXの使うブログです" />

リストやリンクなどのMarkdown語わ使う全ての構文を使うのわ可能です。:
- 一つのアイテム
- 二つのアイテム
- 三つのアイテム

MDXについてもっと学びたい

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?