ToDoアプリの実装

このハンズオンで作成するToDoアプリはWebベースのハンズオンと同じようなアプリケーションです。

ReactでのWebアプリケーションの経験がない、または前提となるレベルを確認したい方はWebベースのハンズオンを参照し、必要であれば学習してください。

ToDoアプリの仕様 »

これから実装するToDoアプリの仕様を理解します。

ToDoアプリプロジェクトの説明 »

ToDoアプリの開発に利用するReact Nativeプロジェクトのディレクトリ構成などについて学びます。

画面の実装 »

まずは、ToDoアプリの各画面と画面遷移を実装します。この時点ではバックエンドのREST APIは利用せず、データは固定値とします。その他に私たちが、理解するのに難しいと感じたReact Navigation（Stack、Modal、Tab）を利用する際のポイントや注意事項を交えた実装方法と、ステートフックと副作用フックを利用したStateの管理方法をより詳しく説明しています。

REST APIとの接続 »

ToDoアプリの各画面に表示するデータをREST APIから取得するように変更します。また、HTTP APIの呼び出しに関連して画面デザインを修正します。