React基礎編の最後になります。この記事では、組み込みコンポーネント等まだ解説していない項目について、サンプルを踏まえて解説していきたいと思います。容量的に前回の下記「コンポーネント編」の記事に盛り込めなかった内容を、この記事で補っていこうと思います。

導入環境によって、色々変更したい値があると思います。「接続先のIP」「各種フラグ」「システム管理者情報」etc...これらをハードコーディングしてしまうと、管理するファイルが多数出てきてしまい、要らぬ不具合が混入する事になります。これらを解決する一手として、環境変数(.env)を読込む方法です。今回は、環境変数の読み込み方を解説いたします。

画面を綺麗に構築するライブラリはいくつもありますが、MUIは中でも抜群に性能が良いと考えています。今回は、無料利用が可能なMUI coreについてご紹介いたします。

TypeScriptは、JavaScriptを拡張したプログラミング言語になります。JavaScriptでは、型を意識したコーディングが難しい言語ですが、型の曖昧さは規模が大きくなればなるほど致命的になってきます。TypeScriptは、JavaScriptを実行しつつJavaScriptの弱い箇所を補う言語になります。

Reactで作成したアプリは、初回アクセスでページ全体を表示し、以降のページ遷移をjavascriptで行うのが主流となっています。これをSPA(シングル・ページ・アプリケーション)と言います。SPAでのページ切り替えで利用されるのが、React Routerとなります。

フックは、React16.8から導入された機能になります。フックを知る事で、関数コンポーネントに様々な機能を追加する事ができます。今回の記事は、普段よく使用するフックを、サンプルを使いつつご紹介したいと思います。