Laravel + React環境構築

今作ってる作品の環境構築で結構楽に出来たので忘れないうちに

プロジェクト作成

$ composer create-project laravel/laravel --prefer-dist プロジェクト名 5.6

$ cd プロジェクト名

$ php artisan preset react(VueからReactへ切り替え)

$ npm install

Reactへの切り替えが上記のコマンドで出来ないならwebpack.min.jsの中のjsをreactに書き換える

サンプル

最小構成

resources/assets/js/components/hello.js

import React, { Component } from 'react';

export default class Hello extends Component {

render() {

return Hello World!!

}

}

resources/assets/js/app.js

import React, { Component } from 'react';

import { render } from 'react-dom';

import Hello from './components/hello';

render(</Hello>, document.getElementById('root'));