Table Filters: Input for Each Column Debounce to Optimize Server Requests

Table Global Filter

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

Table Filters: Input for Each Column Debounce to Optimize Server Requests

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