React 入門
TypeScript コメント掲示板アプリの開発
プロジェクトの概要
ここでは,コメント掲示板の閲覧や投稿を行うためのフロントエンドを React と TypeScript で開発する手順を示します.作成する機能自体は JavaScript で作成したものと全く同じです.バックエンドとなる API サーバはすでに Python Django で開発済みであるものとします.
React では単一の URL でサービスを提供する SPA(シングルページアプリケーション)を構築できます.ただ,今回はコメントの一覧表示ページ,個別表示ページ,編集ページでそれぞれ URL が異なるようなアプリケーションを作成することにします.それでも,例えばコメントの一覧表示ページではページの遷移をすることなく表示するコメントを切り替えることができることに注意してください.
なお,React アプリケーションの開発を Visual Studio Code を使ってより効率的に行うためには,次の拡張機能「ES7+ React/Redux/React-Native snippets」をインストールしておくとよいでしょう.この拡張機能をインストールすることで,ここでの作業が効率的になります.