Larareact

This is larareact repo for session 3 and 4.

Installation

install laravel and react

composer create-project laravel/laravel:^9.0 larareact

install breeze

composer require laravel/breeze --dev

install react

php artisan breeze:install react

setup DB and run

php artisan migrate

install depedency node

npm install
npm run dev
php artisan serve

Install Roles

https://medium.com/@miladev95/step-by-step-guide-to-user-role-and-permission-tutorial-in-laravel-10-1fecdabfdea0

Install redux

install redux

npm i redux react-redux @reduxjs/toolkit

How to use

install laravel and react

return Inertia::render('pageName', []);

Pagination

https://www.itsolutionstuff.com/post/laravel-react-js-pagination-using-vite-exampleexample.html

Shortcut Laravel

php artisan make:model Todo -mcr
php artisan make:request FormDataRequest

Install Swagger

composer require darkaonline/l5-swagger
php artisan vendor:publish --provider "L5Swagger\L5SwaggerServiceProvider"
php artisan l5-swagger:generate

Click this endpoint http://localhost:8000/api/documentation

Install Web Socket on server

composer require react/promise:^2.3
composer require beyondcode/laravel-websockets
php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="migrations"
php artisan migrate
php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="config"
composer require pusher/pusher-php-server

setting broadcast .env

BROADCAST_DRIVER=pusher

Uncomment App\Providers\BroadcastServiceProvider::class, in config\app.php at providers

Running websocket

php artisan websockets:serve

Create event

php artisan make:event PublicMessageEvent
php artisan make:channel PrivateChat

Install Websocket on client

npm i laravel-echo
npm i pusher-js

Create Unit Test

php artisan make:test NamaTest
php artisan test --filter NamaTest

Benchmark

use Illumninate/Support/Benchmark
Benchmark::measure(fn() => User::find(1));

Build DockerFile

docker build -t larareact .

Install Profiling Tools

https://underground.works/clockwork/#docs-installation

Install image compress

composer require spatie/image

Queue

composer require predis/predis
php artisan make:job Tele
php artisan queue:table
php artisan migrate
php artisan queue:work

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT