仕事で使用する機会が増えてきたReactについて、公式サイト、公式サイトDocsを読み進めて勉強してみる。
以降、引用に対して自身の理解を箇条書きで記載。
Reactとは
- Facebook社が開発したJavaScriptライブラリ
- UIを作るためのコンポーネントという概念が特徴
- 「Facebook」や「Instagram」、「Yahoo!」などで採用されている
Reactの特徴
宣言的なView
React は、インタラクティブなユーザインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React はデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。
宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、デバッグのしやすいものになります。
https://ja.reactjs.org
- 変更を検知した場合、関連する部品（コンポーネント）だけを再描画することで効率的
- デバッグしやすい
コンポーネントベース
自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザインターフェイスを構築します。
コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々なデータをアプリケーション内で簡単に取り回すことができ、かつ DOM に状態を持たせないようにすることができます。
https://ja.reactjs.org
- コンポーネント：要素のこと。関数のようなもの。
- UIの部品ごとにコンポーネントを分け、部品を組み合わせてWebアプリ、サイトを作成する
- 部品ごとに分けることで、画面のカスタマイズ、メンテもしやすくなる
一度学習すれば、どこでも使える
React と組み合わせて使用する技術に制限はありません。React を使って新しい機能を追加する際に、既存のソースコードを書き換える必要はありません。
React は Node を使ったサーバ上でもレンダーできますし、React Native を使うことでモバイルアプリケーションの中でも動きます。
https://ja.reactjs.org
- 「React Native」というフレームワークを使用するとiPhoneやAndroidでも動くアプリを開発できる
とりあえずここまで
コメント