#42 - Intro to Hypermedia Driven Application (HDA)

Pe 16 octombrie 2024, la American Corner din Biblioteca Astra, Sibiu Web Meetup a găzduit ediția cu numărul 42. Tema serii a fost una deosebit de interesantă și tehnică: Hypermedia Driven Applications (HDA). Gheorghiță Hurmuz, a fost invitatul serii și a oferit o introducere captivantă în acest concept inovator care redefinește comunicarea între client și server în aplicațiile web moderne.

Ce sunt Hypermedia Driven Applications?

Hypermedia Driven Applications (HDA) propun o nouă paradigmă în dezvoltarea web, bazată pe utilizarea hypermedia ca principal mecanism de interacțiune între client și server. Aceste aplicații sunt gândite să îmbine avantajele aplicațiilor tradiționale multi-page (MPA) și ale aplicațiilor moderne single-page (SPA), oferind o experiență fluidă și performanțe îmbunătățite.

La baza acestui concept se află arhitectura REST, formulată de Roy Fielding. Gheorghiță a explicat constrângerile esențiale ale REST, precum separarea client-server, comunicarea fără stare (stateless) și utilizarea de resurse autodescriptive. Aceste principii sunt esențiale pentru construirea unui sistem robust și flexibil, iar HDA adaugă un strat suplimentar de funcționalitate prin utilizarea hypermedia.

Tehnologii pentru HDA: Hotwire și HTMX

Un punct central al prezentării a fost analiza celor două librării principale care facilitează implementarea HDA: Hotwire și HTMX.

Hotwire

Hotwire este un set de instrumente dezvoltat în ecosistemul Ruby on Rails, dar utilizabil în orice proiect web. Este compus din mai multe module:

• Turbo Drive, care elimină nevoia de reîncărcare completă a paginii la navigare.

• Turbo Frames, ce permite actualizarea parțială a paginilor.

• Turbo Stream, care trimite actualizări dinamice de la server către client.

HTMX

Această librărie lightweight adaugă funcționalități interactive direct în HTML printr-o serie de atribute. Este ușor de învățat și de integrat, fiind utilă pentru proiecte unde se dorește reducerea dependenței de framework-uri complexe.

Provocările aplicațiilor web tradiționale

În prezentarea sa, Gheorghiță a criticat limitările aplicațiilor SPA, care domină dezvoltarea web modernă:

• Performanța slabă în anumite scenarii: Încărcarea inițială a SPA-urilor poate fi lentă, iar utilizatorii din zone cu internet slab pot întâmpina dificultăți.

• Complexitatea gestionării stării: În aplicațiile SPA, starea utilizatorului este duplicată între client și server, ceea ce complică mentenanța și dezvoltarea.

• Probleme de accesibilitate: Dezactivarea JavaScript-ului face multe aplicații inutilizabile, ceea ce exclude utilizatorii cu nevoi speciale sau care prioritizează securitatea.

În contrast, HDA adresează aceste probleme printr-o abordare mai simplă și mai robustă, utilizând răspunsuri bazate pe HTML și eliminând dependența excesivă de JavaScript.

Inovații: View Transition API și paradigma progresivă

O altă tehnologie discutată a fost View Transition API, un standard recent care permite tranziții fluide între pagini, similare celor din aplicațiile SPA, dar fără complexitatea și limitările acestora. De asemenea, s-a pus accentul pe principiul Progressive Enhancement, care prioritizează funcționalitatea de bază și construiește caracteristici suplimentare doar pentru utilizatorii care le pot accesa.

Concluzie

Prezentarea despre Hypermedia Driven Applications a adus în prim-plan o paradigmă care redefinește modul în care aplicațiile web pot fi construite. Prin utilizarea hypermedia, dezvoltatorii pot crea aplicații care sunt mai rapide, mai accesibile și mai ușor de întreținut. HDA nu înlocuiește complet abordările tradiționale, dar oferă o soluție eficientă pentru scenarii unde simplitatea și performanța sunt esențiale.

JavaScript-ul nu va dispărea, dar rolul său poate fi regândit, lăsând mai mult spațiu pentru standardele web și tehnologiile care pun utilizatorii pe primul loc.

Te așteptăm la următoarele ediții pentru a descoperi noi perspective în dezvoltarea web!