This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React.js + Laravel: SPA CRUD with Auth
Intro
What's Inside The Course (1:42)
Installation
Install Laravel + React: Load First Static Text from React (6:47)
npm run watch and Tailwind Classes (2:15)
Use createRoot: Latest React 18 Syntax (1:31)
Our First React.js Page: Datatable with Laravel API
JSX vs HTML and className vs class (3:15)
Laravel API: List of Posts (3:06)
React: Render Table with Axios API Call (5:58)
Eloquent API Resources to Transform Data (4:28)
Pagination from API and React Sides (9:26)
Category API Endpoint and Show Category in Posts Table (4:15)
Filtering Posts By Category Dropdown (11:43)
Ordering By Columns with Font-Awesome Icons (9:33)
Multiple Pages: Routing in React.js
Routing: Layout, Navigation Links and Post Create Page (8:59)
One Routing "Fix" for SPAs: External URLs Should Still Work (1:52)
Routing: Active Links and Apply Different CSS Classes to Them (3:04)
Full CRUD of Posts
Post Create Form and Handle Methods (5:56)
Categories Dropdown and Refactoring into Service (5:23)
Store Post and Navigate Back (8:29)
Store Post Validation (6:53)
Loading Indicator to Prevent Double-Submit (3:49)
File Upload in React (5:29)
Edit Form with Parameter Data (7:10)
Update Post API Endpoint (2:36)
User Notification Messages with Sweet Alert (2:38)
Delete Post with Sweet Alert Confirmation (6:31)
Table Filters: Input for Each Column (12:13)
Table Global Filter (3:18)
Debounce to Optimize Server Requests (2:57)
Login and Permissions: Authentication and Authorization
Configure Laravel Sanctum and Prepare Login/Logout API Endpoints (7:58)
Guest Layout and Routes for Future Login Form (6:20)
Login Form: Successful Submit (6:26)
Logout and Login Validation Errors (5:04)
Protection of URLs: Front-end and Back-end (4:07)
Registration Form with API (5:30)
Roles/Permissions: API Back-end (14:00)
Roles/Permissions: Front-end with CASL (8:16)
React: Render Table with Axios API Call
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now