【React】ユーザーインターフェース構築ライブラリ「React」とは?|Fresopiya究極の自由を目指すブログFresopiyaFresopiya場所にもお金にも時間にも、何にも縛られない自由な状態になったら一体人間は何をしてどこに向かうのか。自由を目指すエンジニアのブログです。「哲学」と「プログラミング」と「政治経済」、「ブログ」がメインになるかと。07/10/2019スポンサードリンクどうも、とがみんです。この記事では、Webアプリケーションのユーザーインターフェースを構築するための「React」について紹介します。Nativeとの違いまとめ参考文献Reactとは?「React」とは、Webアプリケーションのユーザーインターフェースを構築するためのJavaScriptライブラリで、Facebookとそのコミュニティが開発しているものです。コンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現することができ、また、優れたUIを提供するライブラリでもあります。「React」はXHPというPHPのフレームワークのJavaScriptライブラリへの移植として開発が始められました。仮想DOM「React」は、仮想DOMを生成し、変更を反映する際は、実際のDOMと仮想DOMの差分だけを、描画する仕組みになっています。これにより、変更があるたびに、毎回ページ全体を書き換える必要がなく、差分だけを再描画するので、高速に変化を反映させることができます。Webページを表すHTMLのように、文書の構造をメモリに表現することで、Webページとスクリプトやプログラミング言語を接続するもの。「React」は部品単位でコードを書き、それを組み合わせることで、アプリケーションを作成します。これにより、保守性の高いアプリケーションを開発することができ、コンポーネントの再利用性が高いです。Native」を利用することで、モバイルアプリケーション中でも動作させることができます。一度「React」を勉強してしまえば、Webだけでなく、スマホアプリにも生かすことができます。あらゆる場面で「React」を利用することが可能です。豊富なUIライブラリ「React」には様々なUIライブラリがあり、それらを利用することで、開発をより早く、それなりのデザインのものを作成することができます。Native」は、「React」をiOS、アンドロイドといったスマホのアプリ開発に使えるようにしたものです。Native」を使用することで、「React」をモバイルアプリケーションの中でも動けるようにします。まとめ「React」について紹介しました。性能向上を目的とした研究をしていました。現在はFinTech系ベンチャー企業勤務。