Laravel 5 + React.js で、設定編 #Laravel #React.js #PHP
index:
概要:
Laravel 5 + React.js の設定編になります。
環境
php7.1
Laravel 5.8
React.js
react-dom
react-router-dom
参考の設定
resource など、一部のフォルダです。
github.com
設定など
php.exe composer.phar create-project --prefer-dist laravel/laravel spa2
cd spa2
php.exe artisan preset react
npm install
npm run dev
・起動します。
php.exe artisan serve
・react-router-dom の、追加
package.json
https://github.com/kuc-arc-f/spa2-ver1/blob/master/package.json
"react-router-dom": "^4.1.1",
・welcome.blade.php
https://github.com/kuc-arc-f/spa2-ver1/blob/master/resources/views/welcome.blade.php
・app.js
https://github.com/kuc-arc-f/spa2-ver1/blob/master/resources/js/app.js
require('./bootstrap');
import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter, Router, Link, Route, browserHistory } from 'react-router-dom';
import Example from './components/Example';
//import Hello1 from './components/Hello1';
//import Hello2 from './components/Hello2';
// <Hello />,
render(
<Example />,
document.getElementById('example')
);
・コンポーネント
Example.js
https://github.com/kuc-arc-f/spa2-ver1/blob/master/resources/js/components/Example.js
・ npm run watch
の実行
