Skip to main content

サンプルアプリ

本章ではサンプルアプリの起動方法について説明します。

1. リポジトリをローカルにダウンロードする​

リポジトリをダウンロードするか、もしくは次のコマンドを入力してクローンしてください。

git clone https://github.com/Fintan-contents/react-examples.git

2. パッケージをインストールする​

次のコマンドを入力して、必要なパッケージをインストールしてください。

npm install

3. アプリを起動する​

次のコマンドを入力して、アプリを起動してください。

npm run dev

4. モックサーバを起動する​

別のターミナルを開き、次のコマンドを入力して、モックサーバを起動してください。

npm run mockoon

5. ページにアクセスする​

ブラウザでhttp://localhost:3000にアクセスしてください。
トップページのメニューから、デモ画面と Todo アプリ画面を開くことができます。

  • デモ画面 - 入力項目が複数並んだ画面です。画面項目定義やバリデーションの実装方法を理解できます。詳細は登録画面を作るを参照してください。
  • Todo アプリ画面 - タスクの追加や更新、削除が行える画面です。API 呼び出し処理の実装方法を理解できます。詳細はCRUD 機能を作るを参照してください。