Skip to content

Commit ce29e73

Browse files
authored
Fix typo (articles => article)
1 parent e377c0a commit ce29e73

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/content/learn/your-first-component.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ Web の世界では、HTML で `<h1>` や `<li>` といった組み込みタグ
3333

3434
このマークアップは、記事自身 (`<article>`)、見出し (`<h1>`)、そして番号付きリスト (`<ol>`) による目次(一部省略しています)を表現しています。我々がウェブで目にするサイドバー、アバター、モーダル、ドロップダウンといったあらゆる UI パーツの裏側では、このようなマークアップが、スタイルのための CSS やユーザ対話のための JavaScript と組み合わさりながら働いています。
3535

36-
React では、あなたのマークアップと CSS と JavaScript を、独自の "コンポーネント" と呼ばれる、**アプリのための再利用可能な UI 要素**にまとめることができます。上記にある目次のためのコードを、`<TableOfContents />` と呼ばれるコンポーネントにすることができるのです。その裏では、やはり `<articles>``<h1>` といった同じ HTML タグを使っています。
36+
React では、あなたのマークアップと CSS と JavaScript を、独自の "コンポーネント" と呼ばれる、**アプリのための再利用可能な UI 要素**にまとめることができます。上記にある目次のためのコードを、`<TableOfContents />` と呼ばれるコンポーネントにすることができるのです。その裏では、やはり `<article>``<h1>` といった同じ HTML タグを使っています。
3737

3838
HTML タグを使う時と同様にして、コンポーネントを組み合わせたり、並び替えたり、ネストしたりして、ページ全体をデザインすることができます。例えばあなたが今読んでいるこのページも、以下のような React コンポーネントから作られています。
3939

0 commit comments

Comments
 (0)