プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発

9章フロントエンドとバックエンドのフレームワーク

アプリケーションのすべての部分を一から自力で作成することもできますが——サーバー上のネットワークレイヤーやデータベースレイヤー、ユーザーインターフェースのフレームワーク、フロントエンドの状態管理ソリューションなど——おそらく、そうすべきではありません。詳細を正しく行うことは困難です。幸いなことに、フロントエンドとバックエンドに関するこれらの難しい問題の多くは、すでに他のエンジニアによって解決されています。既存のツール、ライブラリー、フレームワークをフロントエンドとバックエンドの両方の開発に利用することで、自身のアプリケーションを作成するときに、安定した基盤の上で、繰り返し、すばやく作業を行うことができます。

この章では、クライアントとサーバーの両方でよくある問題を解決するためのポピュラーなツールとフレームワークを紹介します。それぞれのフレームワークを何のために使用するのか、それをTypeScriptアプリケーションに安全に統合するにはどうしたらいいのかを説明します。

9.1　フロントエンドのフレームワーク

TypeScriptは、フロントエンドアプリケーションの世界に自然に適合します。JSXに対する強力なサポートと、可変性（mutability）を安全にモデル化できる機能により、TypeScriptはアプリケーションに構造と安全性をもたらし、ペースの速い環境、すなわちフロントエンド開発において、正確で管理しやすいコードの記述を容易にします。

当然ですが、すべての組み込みDOM APIは型安全です。それらをTypeScriptから使用するには、自分のプロジェクトのtsconfig.jsonの中で、それらの型宣言を読み込みます。