反應式應用程式是網路世界的重要組成部分，這就是為什麼有必要使用最新的技術來部署。 Laravel 從 5.5 版本開始整合了 Scaffolding 來部署 React JS。在本教程中，我們將學習如何整合 React 和 Laravel。
其實，很簡單，讓我們開始吧！
安裝 Laravel
要在 Laravel 中建立新專案，我們要做的第一件事是使用 Composer 下載 Laravel 安裝程式：
$ 作曲家全域需要 laravel/安裝程序
如果您沒有安裝 Composer，請造訪：https://dev.to/lvtdeveloper/installing-virtual-environment-with-laravel-homestead-tutorial-4p32
在這篇文章中，我解釋瞭如何做到這一點，所以請檢查一下。
建立專案的第一個命令是“laravel new”，後面跟著我們要分配給專案的名稱。例如，「laravel new Dutylist」將建立一個名為 Dutylist 的目錄，其中包含已安裝所有依賴項的新 Laravel 安裝。
$ laravel 新職責列表
完成後，使用以下命令進入新目錄：
$cd 職責清單
在 Laravel 中使用 React
預設情況下，Laravel 應用程式包含位於 resources/js/components 目錄中的 ExampleComponent.vue Vue 元件。 ExampleComponent.vue 檔案是單一檔案 Vue 元件的範例，它在相同檔案中定義其 JavaScript 和 HTML 範本。單文件元件提供了一種非常方便的方法來建立 JavaScript 驅動的應用程式。範例元件已在您的 app.js 檔案中註冊：
我們需要使用以下命令將預設的 Vue.js 腳手架更改為 React.js：
現在您可以看到 Laravel 在 resources/js/components 目錄中的檔案 Example.js 中建立了一個 React 元件：
執行命令「npm install」來安裝我們專案所需的所有 JavaScript 套件。
當我們使用 npm install 安裝依賴項時，會自動產生 node_modules 目錄，用於儲存已安裝的套件。它還會產生一個 package-lock.json 文件，該文件負責追蹤 node_modules 中所做的更改或對文件 package.json 進行更改的時間
現在我們使用以下命令啟動應用程式：
在路徑「http://localhost:8000」開啟瀏覽器，可以看到Laravel預設的視圖
讓我們將此視圖變更為使用 React 的視圖。
在 resources/js/components 目錄中建立一個 index.js 文件
將Example.js 檔案中的所有內容複製到index.js 並進行一些更改：
在 app.js 中我們新增元件
為了將任何元素渲染到瀏覽器 DOM 中，我們需要有一個容器或根 DOM 元素。在這種情況下將是
其中的所有內容都將由 React DOM 管理。此變更將位於 resources/views 中的welcome.blade.php 內
為了透過 React JS 顯示視圖，我們需要使用 Laravel Mix 和「npm run dev」指令來編譯 JavaScript 檔案：
現在我們有一個使用react.js 的 Laravel 應用程式
感謝您的閱讀！
編碼員們，祝您有美好的一天💜
原文出處：https://dev.to/lvtdeveloper/using-react-in-a-laravel-application-8fp
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式