9951 explained code solutions for 126 technologies


php-laravelHow can I use React with PHP Laravel?


React can be used with PHP Laravel by having the React components in the Laravel application. The components can be rendered in the Blade template.

Example code

<div id="app">
    <example-component></example-component>
</div>

<script>
    ReactDOM.render(
        <ExampleComponent />,
        document.getElementById('app')
    );
</script>

The React components can be included in the resources/js/app.js file. This file is compiled by Laravel Mix.

Example code

import React from 'react';
import ReactDOM from 'react-dom';

import ExampleComponent from './components/ExampleComponent';

ReactDOM.render(
    <ExampleComponent />,
    document.getElementById('app')
);

The compiled file can be included in the Blade template.

Example code

<html>
    <head>
        <title>Example</title>
    </head>
    <body>
        <div id="app"></div>

        <script src="{{ mix('js/app.js') }}"></script>
    </body>
</html>

This will render the React component in the #app element.

Helpful links

Edit this code on GitHub