Building Modern Monolith Application

Transcript

1. Workshop Naufal Hakim Building Modern Monolith Application
2. naufal@jsd:~$ whoami naufal@jsd:~$ > Naufal Hakim hostname > Jenderal Solusi Digital naufal@jsd:~$ echo $SIDEJOB > Electrical Engineering Student
3. SPA Single Page Application a web app implementation that loads only a single web document
4. 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?
5. SMPA SPA or MPA? SMPA
6. RILT React Inertia Laravel Tailwind B Bootsrap
7. Core Concept Component Props State Hook Unopinionated
8. Core Concept Component “independent and reusable bits of code”
9. Core Concept Component JSX JavaScript Expression ES6 masih labil, 11? 12? 11/12?
10. Core Concept Props “Data”
11. Core Concept State & Hook Data yang dinamis
12. Laravel is a web application framework with expressive, elegant syntax Framework sejuta umat Ecosystem Developer Experience
13. Monolith??? Eitsss kata siapa? PHP??? Lambat dong??
14. client-side rendered, single-page apps without building an API “Modern Monolith” Official Adapters Client Side Server Side
15. How it works XHR/Ajax <Link /> 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 }
16. Let’s Code