react - ユーザー インターフェイスを構築するための宣言的で効率的かつ柔軟な JavaScript ライブラリ。

(A declarative, efficient, and flexible JavaScript library for building user interfaces.)

Created at: 2013-05-25 00:15:54
Language: JavaScript
License: MIT

反応する·GitHub ライセンス npm バージョン CircleCI ステータス PR歓迎

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。

  • 宣言型: React を使用すると、インタラクティブな UI を簡単に作成できます。アプリケーションの状態ごとにシンプルなビューを設計すると、React はデータが変更されたときに適切なコンポーネントだけを効率的に更新およびレンダリングします。宣言型ビューにより、コードがより予測可能になり、理解しやすくなり、デバッグしやすくなります。
  • コンポーネントベース:状態を管理するカプセル化されたコンポーネントを構築し、それらを構成して複雑な UI を作成します。コンポーネント ロジックはテンプレートではなく JavaScript で記述されるため、豊富なデータをアプリに簡単に渡し、状態を DOM の外に保つことができます。
  • 一度学べばどこでも書ける:残りのテクノロジー スタックについては想定していないため、既存のコードを書き直すことなく React で新しい機能を開発できます。React は Node を使用してサーバー上でレンダリングすることもでき、React Nativeを使用してモバイル アプリを強化することもできます。

プロジェクトで React を使用する方法を学びます

インストール

React は最初から段階的に採用されるように設計されており、必要に応じて少しでも多くの React を使用してもかまいません

CDN

<script>
のタグとして、またはnpmのパッケージとしてReact を使用できます。
react

ドキュメンテーション

React のドキュメントは Web サイト にあります。

簡単な概要については、はじめにページをご覧ください。

ドキュメントはいくつかのセクションに分かれています。

このリポジトリにプル リクエストを送信することで改善できます。

ウェブサイトにいくつかの例があります。最初に始めるのは次のとおりです。

import { createRoot } from 'react-dom/client';

function HelloMessage({ name }) {
  return <div>Hello {name}</div>;
}

const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);

この例では、「Hello Taylor」をページ上のコンテナーにレンダリングします。

HTML に似た構文を使用していることに気付くでしょう。これを JSX と呼びます。React を使用するために JSX は必須ではありませんが、JSX を使用するとコードが読みやすくなり、HTML を書くような感覚で記述できます。

<script>
React をタグとして使用している場合は、 JSX の統合に関するこのセクションをお読みください。それ以外の場合は、推奨される JavaScript ツールチェーンが自動的に処理します。

貢献する

このリポジトリの主な目的は、React コアを進化させ続け、より高速で使いやすくすることです。React の開発は GitHub で公開されており、バグ修正と改善に貢献してくれたコミュニティに感謝しています。React の改善に参加する方法については、以下をお読みください。

行動規範

Facebook は、プロジェクト参加者が遵守することを期待する行動規範を採用しています。どのような行為が許容され、どのような行為が許容されないかを理解できるように、全文をお読みください。

寄稿ガイド

寄稿ガイドを読んで、開発プロセス、バグ修正と改善を提案する方法、React への変更をビルドしてテストする方法について学んでください。

良い最初の問題

あなたが足を踏み入れ、私たちの貢献プロセスに慣れるのを助けるために、比較的範囲が限られているバグを含む最初のイシューのリストがあります。これは、始めるのに最適な場所です。

ライセンス

React はMIT ライセンスです。