Laravel 5 - Simple CRUD Application Using ReactJS - Part 3

Admin   PHP   12  2020-07-03 23:09:27

In last part, we will create view blade file and run our react js crud application, we used axios for run apis. So let's follow rest of two step.

Step 8 : Create Main Blade File

in this step. In this step we have to create just one main blade. So mainly we have to create layout file. So finally you have to create following bellow blade file:

resources/views/welcome.blade.php

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Laravel 5.5 ReactJS CRUD Example</title>

<link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">

</head>

<body>

<div id="crud-app"></div>

<script src="{{asset('js/app.js')}}" ></script>

</body>

</html>

Step 9 : Run Project

Now in the last step, we have to just run our crud application so just run following command for react js compile:

npm run dev

Now we are ready to run our react js crud application example so run bellow command for quick run:

php artisan serve

Now you can open bellow URL on your browser: