[データ配布] Laravel + Reactのアーキテクチャ設計

Laravel + React シンプルなTodoアプリ(アーキテクチャ設計)

構成

• Laravel: CRUD API（updateは未実装）
• React: フォーム送信機能

Laravel環境構築

• Laravel 5.8
• React
• VirtialBox
• Vagrant
• Macの場合、Xcode、Homeblue必須

Laravel環境構築 チートシート
この記事内のvagrant@homestead:~$ cd codeまでおこなってください。
Laravelデータは作成した方を入れるのでデフォルトデータはクローンしなくて大丈夫です。

GitHubデータをクローン

どこでもいいのでデータクローン。
使うのは中身のファイルです。

# 別ウィンドウでターミナルを立ち上げて(コマンド+T)
$ cd Desktop
$ git clone https://github.com/dai-570415/laravel-react-example.git

クローンできたら
中身のファイル一式を「/Laravelファイル名/code/」ディレクトリに直接移動

# Laravelプロジェクト側

# 依存関係インストール
vagrant@homestead:~$ npm install
# テーブル生成
vagrant@homestead:~$ php artisan migrate
# React監視
vagrant@homestead:~$ npm run watch-poll

こちらで無事表示できたかと思います。

中身の説明はGit Hubにまとめましたので、そちらからみてください。
Git Hub