react.js入門
React.jsとは
React.jsは、あの有名なFaceBooka社が開発を行っているUI用のJavascriptライブラリです。2013年にリリースされ、年々どんどん人気が上がってきているライブラリで、FaceBookの他に、YahooやNetflixといった有名企業も、Reactを使っています。またオープンソースとして公開されているので、様々な改良が行われています。FaceBookが力を入れて開発を行っているので、改良が早く品質も高いのですごく信頼性が高いです。
React.jsの歴史
Reactは、FaceBookのソフトウウェアエンジニアである、Jordan Walkeによって開発された。PHP向けのHTMLコンポーネントフレームワークであるXHPの影響を受けている、2011年に、FaceBookのニュースフィールド上で最初に使用される、のちに2012年では、Instagramでも使用されるようになり、2013年にオープンソースとされた。
機能
宣言的UI
まず宣言的とは、条件と結果が明確にコードに記述されており、他の人がソースコードを読んでも理解がしやすい仕組みのことを言います。その結果、テストやバグの洗い出しの時には便利です。こうした中で、宣言的 UIとは、宣言方プログラミングを用いて構成されたGUIであり、それを実現する手法である。GUIの生成・更新を、更新前状態に基づいた更新命令によってコーディングするのではなく、あるべき状態を宣言してコーディングする。状態を分けることにより、予測しやすく高速な動作が可能となる。
データのバインディング
データと対象を結びつけ、データあるいは対象の変更を、暗示的にもう一方の変更を反映できる仕組みである。
コンポーネント化
アプリケーションの構成要素を小さい部品の集合として考えて設計されたものです。プロパティの一方向データバインディングでは、プロパティは親コンポーネントからコンポーネントに渡される。ステートレスコンポーネントでは、stateを使い
全体にわたって値を保持し、プロパティを通じて子コンポーネントに渡すことができる。
仮想DOM
Reactでは、仮想DOMとして、メモリ上にDOMの状態をキャッシュしておき、仮想DOMに差分が発生した場合のみ差分を計算し、実際のDOMにその差分を片影させることにより、効率的な描画を実現できている。これによりプログラマは、変更があるたびにページ全体を描画するコードを記述して、Reactにより変更されたサブコンポーネントのみを描画できる。
React.jsの特徴
UIに特化
UIがとても作りやすいです。Reactは、UIの機能追加に特化しているので、ユーザーが使いやすいユーザーインタフェースを高速に作れます。コンポーネント指向なので、管理がしやすく、再利用もしやすいのが特徴です。
レンダリングが高速
仮想DOMオブジェクトを直接変数に入れられることができ、Reactでは、純粋なJavscriptのオブジェクトして、仮想DOMが扱えるのでとても便利です。こうすることによりレンダリングする箇所を最小限に抑えることができ、高速で表示の切り替えが実現できます。
カスタマイズ性が高い
自分で選択したツール、ビルドツール。フォルダ構造を最大限に活かせます。例えばテストでは、FaceBookのjestフレームを利用して、フォルダをプロジェクトごとに変更したりと使い方は多々あります。
Javascriptがかければある程度はかける
Reactの基盤は、Javascriptで書かれているため、Javascriptの開発経験がある方ですと、学習コストはさほどかかりません。また未経験でもJavascriptの基本文法さえ理解していればスタートも簡単です。
React.jsが適するシステム
基本的にはどのようなアプリにも対応できるようです。その中でも、画面繊維が少ないようなSPA「シングルページアプリケーション」や大規模なアプリケーションの開発には向いています。SPAはUIを重視する傾向にあるので、Reactは、が得意としてます。しかも、Reactは高速で動作するため、SwiftやJava言語を使って開発された、専用アプリと劣らない動作をするのが最もいいところです。大規模なアプリケーションでは「管理」が重要です。そこで、Reactのコンセプトでもある、コンポーネントとで再利用化に繋がり、コンポーネントごとに管理がしやすくなり、大規模なアプリケーションの課題でもある「管理」に適しています。またReactはjavascriptでかけるため。複雑な条件分岐も可能になります。Javascript自体がオブジェクト関数であり、コールバック関数など比較的柔軟に対応できます。
React需要
React.jsの案件は多数あります、例えば自社音楽アプリのフロントエンド開発や、デジタルマーケティングオートメイトサービスの開発、人事系Sassシステムの開発のフロントエンドなどです。Reactは大手の企業や有名企業が導入している実績が多いので、これからますます信頼性が上がり、採用する企業が増えるとともに、需要は伸びていくでしょう。
Reactの将来性
Reactは現在でも人気のあるライブラリの一つです。数あるライブラいでもVue.js、React.js、Angular.jsは３大ライブラリと言われているくらいです。SPAのような小規模なアプリケーションから大規模なアプリケーションまで広範囲にわたり実用性があり、UIに対応する力を持っているので、さらなるユーザーの増加とニーズを見込めることでしょう。案件単価も高い傾向にあり、月収80~100万近くを見込める案件も多々存在します。これらの観点からも将来性は高いと言えるでしょう。
