React.js + Laravel: SPA CRUD with Auth
June 2022 / 3 h 25 min / Laravel 9 + React 18
Watch Video About the Course
Notice: if you're interested in more courses than just this one, the best deal is to subscribe to the Yearly membership!
React.js is by far the most popular JavaScript framework in the world.
Maybe not so much in the Laravel community, and that's specifically why I've published this course.
In this 3-hour course, I will create a Single Page Application (SPA) in almost live-coding mode, with a Github repository available for reference.
From this course, you can also learn how to create Laravel API, as there's a separate section on this, with no React knowledge needed.
We will touch on these topics:
- Structuring React.js code in the Laravel project
- Laravel API Creation
- Full CRUD to manage records: forms, validation, etc.
- React.js Routing
- Auth with Laravel Sanctum & Roles/Permissions
- ... and more
Are you ready? Let's dive into the course.
Your Instructor
I consider myself a Laravel expert. Work with Laravel for around 7 years, sharing my thoughts on the YouTube channel "Laravel Daily": https://www.youtube.com/c/LaravelDaily
I also have written a Laravel Daily Blog for 5+ years.
Course Curriculum
-
PreviewInstall Laravel + React: Load First Static Text from React (6:47)
-
Previewnpm run watch and Tailwind Classes (2:15)
-
PreviewUse createRoot: Latest React 18 Syntax (1:31)
-
PreviewJSX vs HTML and className vs class (3:15)
-
StartLaravel API: List of Posts (3:06)
-
StartReact: Render Table with Axios API Call (5:58)
-
StartEloquent API Resources to Transform Data (4:28)
-
StartPagination from API and React Sides (9:26)
-
StartCategory API Endpoint and Show Category in Posts Table (4:15)
-
StartFiltering Posts By Category Dropdown (11:43)
-
StartOrdering By Columns with Font-Awesome Icons (9:33)