Translate React built-in components index by smikitky · Pull Request #686 · reactjs/ja.react.dev
@@ -1,24 +1,24 @@
---
title: "Built-in React Components"
title: "組み込みの React コンポーネント"
---
<Intro>
React exposes a few built-in components that you can use in your JSX. React は、JSX で使用できるいくつかの組み込みコンポーネントを公開しています。
</Intro>
---
## Built-in components {/*built-in-components*/} ## 組み込みコンポーネント {/*built-in-components*/}
* [`<Fragment>`](/reference/react/Fragment), alternatively written as `<>...</>`, lets you group multiple JSX nodes together. * [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically. * [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading. * [`<StrictMode>`](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early. * [`<Fragment>`](/reference/react/Fragment) を使い、複数の JSX ノードをまとめることができます。別の書き方として `<>...</>` があります。 * [`<Profiler>`](/reference/react/Profiler) を使い、React ツリーのレンダーパフォーマンスをプログラム上で測定することができます。 * [`<Suspense>`](/reference/react/Suspense) を使い、子コンポーネントがロードされる間、フォールバックを表示することができます。 * [`<StrictMode>`](/reference/react/StrictMode) を使い、バグを早期に見つけるための追加の開発環境専用チェックを有効化します。
---
## Your own components {/*your-own-components*/} ## 自分自身のコンポーネント {/*your-own-components*/}
You can also [define your own components](/learn/your-first-component) as JavaScript functions. JavaScript 関数として[自分自身のコンポーネントを定義](/learn/your-first-component)することもできます。
<Intro>
React exposes a few built-in components that you can use in your JSX. React は、JSX で使用できるいくつかの組み込みコンポーネントを公開しています。
</Intro>
---
## Built-in components {/*built-in-components*/} ## 組み込みコンポーネント {/*built-in-components*/}
* [`<Fragment>`](/reference/react/Fragment), alternatively written as `<>...</>`, lets you group multiple JSX nodes together. * [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically. * [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading. * [`<StrictMode>`](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early. * [`<Fragment>`](/reference/react/Fragment) を使い、複数の JSX ノードをまとめることができます。別の書き方として `<>...</>` があります。 * [`<Profiler>`](/reference/react/Profiler) を使い、React ツリーのレンダーパフォーマンスをプログラム上で測定することができます。 * [`<Suspense>`](/reference/react/Suspense) を使い、子コンポーネントがロードされる間、フォールバックを表示することができます。 * [`<StrictMode>`](/reference/react/StrictMode) を使い、バグを早期に見つけるための追加の開発環境専用チェックを有効化します。
---
## Your own components {/*your-own-components*/} ## 自分自身のコンポーネント {/*your-own-components*/}
You can also [define your own components](/learn/your-first-component) as JavaScript functions. JavaScript 関数として[自分自身のコンポーネントを定義](/learn/your-first-component)することもできます。