Workshop Naufal Hakim Building Modern Monolith Application

naufal@jsd:~$ whoami naufal@jsd:~$ > Naufal Hakim hostname > Jenderal Solusi Digital naufal@jsd:~$ echo $SIDEJOB > Electrical Engineering Student

SPA Single Page Application a web app implementation that loads only a single web document

SPA vs MPA SPA Modern Fast Great UX Complex Poor SEO MPA Traditional Slower than SPA Standard UX Simple Good SEO SPA MPA which one will you choose?

SMPA SPA or MPA? SMPA

RILT React Inertia Laravel Tailwind B Bootsrap

Core Concept Component Props State Hook Unopinionated

Core Concept Component “independent and reusable bits of code”

Core Concept Component JSX JavaScript Expression ES6 masih labil, 11? 12? 11/12?

Core Concept Props “Data”

Core Concept State & Hook Data yang dinamis

Laravel is a web application framework with expressive, elegant syntax Framework sejuta umat Ecosystem Developer Experience

Monolith??? Eitsss kata siapa? PHP??? Lambat dong??

client-side rendered, single-page apps without building an API “Modern Monolith” Official Adapters Client Side Server Side

How it works XHR/Ajax First Request Subsequent Request With Header : X-Inertia X-Inertia-Version { "component": "Event", "props": { "event": { "id": 1, "title": "Workshop Unsoed" }, "url": "/events/1", "version": "", "encryptHistory": true, "clearHistory": false }

Let’s Code