構築するためのJavaScriptライブラリです。Facebook社(現Meta社)で開発されていたものが2013年からOSSとなり、現在も開発が続いております。ReactはVueやAngular、Svelteと異なり、JSXとよばれるJavaScriptの記法を採用しています。これによりコンポーネント分割がしやすく、複雑なUIの構築や拡張が容易にできます。Reactが世界で最もシェアを獲得しているフロントエンド系ライブラリであるため、近年はSolidやPreactといった他のライブラリもJSXを採用しています。Reactの主な特徴Reactは、下記の特徴を持つライブラリです。Declarative(宣言的)プログラミングを採用しています。アプリケーションの状態に合わせて表示すべきビューを定義することにより、シンプルでデバッグし易いコードになります。これにより、対応するコンポーネントのみを効率的にレンダリングすることができます。Component-BasedReactは状態をカプセル化したコンポーネントで構成されます。複雑なUIを構築することができます。XMLのような構文を持つJSXを使用し、表示する内容をコンポーネントとして実装します。コンポーネントは入力されたデータ(Props)とコンポーネント自体の状態(State)を保持しており、これらによってReactでのUI開発がしやすくなっています。AnywhereReactは特定の技術スタックの利用を前提としていないため、様々なレンダラーと組み合わせて利用できます。そのため、「一度学習すれば、どこでも使える」と言われております。Nativeを使用したモバイルアプリケーション上で動かすことも容易です。Reactの動作環境Edge、Firefox、Chrome、Safariといったブラウザに対応しています。2022/9時点の最新バージョンであるReact18のすべての機能が上記ブラウザで動作します。ReactのライセンスReactのライセンスは、BSDライセンスでしたが、バージョン16以降はMITライセンスに変更されました。これに伴いバージョン15.6.2以降についてもMITライセンスに変更されました。MITライセンスは、数あるソフトウェアライセンスの中で最も制約が少なく、ソースコードの無償の使用のほか、改変、再配布することも認められています。NativeiPhone・Android向けのフレームワークで、Reactを使用してネイティブアプリケーションを開発することができます。注意点として、Web向けに開発したものがそのままiPhone・Android向けに動作するわけではありません。いう思想で作られており、一度Reactによる開発を学べば同じスタイルでネイティブアプリケーションも開発できるようになることを狙いとしています。RouterReact用のルーティングライブラリです。Reactでルーティング機能が必要な場合に使用することができます。Redux、Recoilアプリケーションの状態管理行うためのライブラリです。React自体にも状態管理の機能が存在しますが、ReduxやRecoilを用いることで、複雑なアプリケーションの開発がよりしやすくなります。SWRデータ取得やキャッシュ管理で用いられるライブラリです。Queryと名称を変えました。他にも様々なライブラリが存在しております。Reactの公式サイトhttps://ja.reactjs.org/Reactのダウンロードhttps://ja.reactjs.org/docs/getting-started.htmlReactのサポートNRIではお客様のご要望に応じて様々な支援ができるサービスをご用意しました。詳細は下記ページをご確認ください。オープンソース年間サポートサービスTweetOpenStandiaに関する資料請求・お問い合わせはこちら※定期的にメンテナンスを実施しておりますが、一部情報が古い場合がございます。▲このページのTOPへ。