Using React with Inertia.js
summary
Rebuilt a multiplayer math-quiz app (original took ~200 hours) using React + Inertia.js + Laravel + Tailwind and cuts boilerplate by sending backend data as props instead of Axios/fetch calls, so components access user data directly and forms use useForm for reactive state and server validation. Inertia 2.0 adds async requests, deferred props, prefetching, polling via usePoll, background reloads and native history/scroll restoration, enabling SPA-like speed with monolithic controllers.
AI-written summary · about
chapters (11)
- 0:00React with Inertia.js
- 2:12Monolith versus separate front/backends
- 7:52What is Inertia.js
- 11:02Passing backend data to React
- 16:43Simplifying forms with Inertia
- 21:35Key Inertia.js features
- 22:39Inertia.js 2.0 new features
- 25:11Inertia.js learning curve
- 26:33Inertia.js aha moments
- 27:36Mindset shift for React SPAs
- 28:41Q&A
related talks
20mUsing React with InertiaJS - Making front end development FAST
26mUsing React with InertiaJS - Making front end development FAST🚀
32mReact, the Laravel way
29mNew in Inertia
44mModern React Applications
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
31mReact Server Components Elevating Speed, Interactivity, and User Experience
38mBuilding Isomorphic Web Applications with React
