まえがき バックエンド編とフロントエンド編の2つに分けて、GraphQL を使ったタスク管理アプリを作っていきます。 このフロントエンド編では、React / Apollo Client / typescript によるGraphQLを使ったTODOアプリの実装をご紹介していきます。 この記事は@ebknさんの記事の後編です。 まだ読んでないというそこのあなた、ぜひご一読ください!(そして願わくばこの記事に戻ってきてくださいな) このアプリのコードは公開しています。 こんな感じのTODOアプリを作ります。 主な技術要素 React Typescript(v3.7.2以上、Optional ChainingやNullish Coalescingを使えます) React apollo(及び @apollo/react-hooks) GraphQL Code Generator webpack