LaravelでReactを使えるようにする - プログラミング初心者の日記

まずプロジェクトを作ります

composer create-project --prefer-dist laravel/laravel SampleProject

次にLaravelでReactを利用できるようにします。

composer require laravel/ui
php artisan ui react

認証機能を使う場合は

php artisan ui react --auth

最後に下記コマンドを実行して終わりです

npm install 
npm run dev

これでReactを使えるようになりました。

後は

//場所はresouces/views.welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="{{ asset('css/register.css') }}">
        <title>Laravel</title>
    </head>
    <body>
        <div id="example"></div>
        <script src="{{ mix('js/app.js') }}"></script>
    </body>
</html>

これで画面にReactのjsファイルを読み込んで表示させます。