edgarjaviertec/laravel_7_react.md

## laravel_7_react.md

      
    Raw
  

              laravel_7_react.md
            
          
    Usar React con Laravel 7

Para usar React con Laravel 7 hay que intercambiar Vue por React siguiendo estos pasos:
Paso 1

Instalar el paquete ‘laravel/ui’
composer require laravel/ui

Paso 2

Generar el andamiaje básico para react
php artisan ui react

Paso 4

Configurar Browser Sync con Laravel Mix agregando al archivo 'mi_proyecto\webpack.mix.js' el siguiente código:
mix.browserSync('localhost');
Paso 5

Crear el archivo 'mi_proyecto\resources\views\app.blade.php' con el siguiente código:
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laravel con React</title>
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <div id="example"></div>
    <script src="{{ mix('js/app.js') }}"></script>
</body>
</html>
Paso 6

Modificar el archivo 'mi_proyecto\routes\web.php' con el siguiente código:
Route::get('/', function () {
    return view('app');
});
Paso 7

Instalar todos  los módulos necesario de Node
npm install

Paso 8

Instalar dependencias adicionales para Browser Sync (si las dependencias ya estan instaladas, entonces ya se puede empezar a trabajar con este mismo comando)
npm run watch