Render React.js components seemlessly on the server side within Laravel Blade views.

v0.1.0 2015-09-02 09:19 UTC

This package is auto-updated.

Last update: 2020-09-11 18:59:14 UTC


Laravel React

Build Status Total Downloads Latest Stable Version Latest Unstable Version License

Add React.js support seamlessly for Laravel Blade templates.


Add this to your project's composer.json

"require": {
	"allantatter/laravel-react": "0.1.*"

Then run

$ composer update

Service provider & alias

Add this to the providers array in config/app.php


Add this to the aliases array in config/app.php

'React' => 'AllanTatter\React\Facades\React',

Setup server-rendering with Node.js application

In this repository, you'll find a directory named example and inside that is resources. Copy paste its content to your own project's resources directory and in addition to that merge the package.json file from example directory into your own project's package.json.

Then in your project's root dir, run

$ npm install -g nodemon

$ npm install
$ npm start

If you put server.js in another location, you may have to configure this line inside that file

require('dotenv').load({path: '../../.env'});


Inside your Blade view, you can render React component like this

{!! React::component('ComponentName', $props) !!}

To render react-router routes, you can use this

{!! React::router('routesFileName', $props) !!}


If you're not happy with default configuration, you can manage a few variables through .env file, following are default values:


Snippets that may come in handy

Handle 404 pages with react-router by rendering your react application with adding this snippet into app/Exceptions/Handler.php, method render()

if ($e instanceof \Symfony\Component\HttpKernel\Exception\NotFoundHttpException)
	return response(view(''));