Back to Course |
React.js + Laravel: SPA CRUD with Auth
Pagination from API and React Sides Filtering Posts By Category Dropdown

Category API Endpoint and Show Category in Posts Table

Commit for this lesson: https://github.com/LaravelDaily/Laravel-React-Course/commit/6d9e5600d8e7ab8c4a062ada8170c2d864c5d40e

Pagination from API and React Sides Filtering Posts By Category Dropdown

Course Content

Intro

01 What's Inside The Course

Installation

02 Install Laravel + React: Load First Static Text from React
03 npm run watch and Tailwind Classes
04 Use createRoot: Latest React 18 Syntax

Our First React.js Page: Datatable with Laravel API

05 JSX vs HTML and className vs class
06 Laravel API: List of Posts
07 React: Render Table with Axios API Call
08 Eloquent API Resources to Transform Data
09 Pagination from API and React Sides
10 Category API Endpoint and Show Category in Posts Table
11 Filtering Posts By Category Dropdown
12 Ordering By Columns with Font-Awesome Icons

Multiple Pages: Routing in React.js

13 Routing: Layout, Navigation Links and Post Create Page
14 One Routing "Fix" for SPAs: External URLs Should Still Work
15 Routing: Active Links and Apply Different CSS Classes to Them

Full CRUD of Posts

16 Post Create Form and Handle Methods
17 Categories Dropdown and Refactoring into Service
18 Store Post and Navigate Back
19 Store Post Validation
20 Loading Indicator to Prevent Double-Submit
21 File Upload in React
22 Edit Form with Parameter Data
23 Update Post API Endpoint
24 User Notification Messages with Sweet Alert
25 Delete Post with Sweet Alert Confirmation
26 Table Filters: Input for Each Column
27 Table Global Filter
28 Debounce to Optimize Server Requests

Login and Permissions: Authentication and Authorization

29 Configure Laravel Sanctum and Prepare Login/Logout API Endpoints
30 Guest Layout and Routes for Future Login Form
31 Login Form: Successful Submit
32 Logout and Login Validation Errors
33 Protection of URLs: Front-end and Back-end
34 Registration Form with API
35 Roles/Permissions: API Back-end
36 Roles/Permissions: Front-end with CASL