PHPCamp Online #1 - Building Modern Monolithic Applications with Inertia.js, Laravel, and React

Session about how to make modern monolithic application using Inertia.js, Laravel, and React

Transcript

1. Building Modern Monolithic Applications With Inertia.js, Laravel, and React
2. Bheru Lal Gameti Co-Founder @ Globally Digital
3. Stackoverflow Survey 2023 Source- https://survey.stackoverflow.co/2023
4. What is Inertia Frontend Backend
5. Request HTML & CSS How the treditional setup work Client Browser render the HTML & CSS
6. Request JSON How the SPA work Dynamic update page component
7. 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
8. 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
9. 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.
10. Why should you use Inertia.js? GraphQL benefits without using GraphQL Limited AJAX calls Security Framework agnostic
11. Prerequisites for Working with Inertia Basic Knowledge of Laravel Familiarity with React/Vue/ Node.js and NPM
12. It’s time for a demo 🎉
13. Want more 📚 Inertia js - https://inertiajs.com Demo CRM - https://github.com/inertiajs/pingcrm Learn JavaScript - https://javascript.info
14. @iambherulal @iambherulal @iambherulal Do you have any questions? Find Me Across the Web!