Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Laracasts

React, The Laravel Way

via Laracasts

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
In "React from Scratch", we built a "DevPups" app from scratch. Now it's time to take things further. Using that finished app as a base, you'll learn how to construct a React-powered app. . . the Laravel way! You'll see how we can swap out fragile external API calls for Laravel's elegant backend, add real-time "like" functionality, support file uploads, and polish up our CRUD features with proper authorization. Along the way, you'll get comfortable with Inertia. js, the perfect glue between Laravel's backend strength and React's frontend flexibility. By the end of this series, you'll have constructed a production-ready app that shows the Laravel way of working with React: fewer moving parts, cleaner architecture, and faster development.

Syllabus

  • From Vanilla React to Laravel Integration
    • Introduction
    • Vanilla App Port
    • In-House Puppy Data
    • Images In Public & Local Driver
    • JSON Resources
    • Liked Puppies Relationship
    • Real Puppies In The Front End
    • User Accounts And Login UI
  • Interactive Features & State Management
    • Like Toggle Refactoring
    • Pending State UI
    • Processing State From The useForm Helper
    • Server Side Search Filtering
    • Filter Search Performance
    • Pagination
    • Inertia Forms
  • File Uploads
    • Image Uploads
    • Persisting New Puppies
    • Puppy Creation Form Polish
    • Image Optimization
    • Reusable Image Optimization Action
  • Polish & UX Enhancement
    • Fixing The Shortlist Bug
    • Reset Pagination On Create
    • Command To Delete Unused Images
    • Toast Notifications
  • CRUD Operations
    • Delete Action
    • Authorization Policy
    • Dialog Pending State
    • Update Action Frontend
    • PUT Method Spoofing
    • Image Upload Preview

Taught by

Simon Vrachliotis

Reviews

Start your review of React, The Laravel Way

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.