Building Modern Monolithic Applications With Inertia.js, Laravel, and React 

Bheru Lal Gameti Co-Founder @ Globally Digital 

Stackoverflow Survey 2023 Source- https://survey.stackoverflow.co/2023 

What is Inertia Frontend Backend 

Request HTML & CSS How the treditional setup work Client Browser render the HTML & CSS 

Request JSON How the SPA work Dynamic update page component 

Treditional setup SPA setup Pros Pros Full Page Reloads Limited interactivity No full page reload Feel like native app Highly interactive ....more Need to take care of session, auth, state Routing management application + API Too many api calls Security 

Initial Request Request with inertia header HTML, Page assests... Update page data as json and page components How Inertia works No need of API endpoint! Full Page load X-Inertia: true 

What Problem is Inertia.js Solving Complexity of SPAs - Single-page applications require managing client-side routing, state management, and API integrations, making the development process cumbersome. Code Duplication - Writing separate codebases for frontend and backend logic can lead to duplication and inconsistencies. Slow Development Cycle: Constantly switching between frontend and backend environments can slow down development. Building APIs — With Inertia.js you don’t need to build a REST or GraphQL API. 

Why should you use Inertia.js? GraphQL benefits without using GraphQL Limited AJAX calls Security Framework agnostic 

Prerequisites for Working with Inertia Basic Knowledge of Laravel Familiarity with React/Vue/ Node.js and NPM 

It’s time for a demo 🎉 

Want more 📚 Inertia js - https://inertiajs.com Demo CRM - https://github.com/inertiajs/pingcrm Learn JavaScript - https://javascript.info 

@iambherulal @iambherulal @iambherulal Do you have any questions? Find Me Across the Web!