Frontend framework-uri 2024 cu Mihail Marcu

Sectorul IT necesită o învățare continuă și o atenție sporită la apariția noilor tehnologii. Ceea ce se folosea acum 5 ani, nu mai este relevant. Iar pentru a ține pasul cu vremurile, trebuie să înveți noi abordări. Iar dacă încă te gândești să intri în IT și ai de gând să o faci prin front-end, trebuie să alegi calea potrivită 😉 

Deși lucrez în domeniul IT din 2007, am luat calea unei specializări netehnice, deoarece programarea nu m-a interesat. Cu toate acestea, împreună cu echipa de development, lucrăm umăr la umăr de peste 18 ani și încerc să observ tendințele din acest domeniu.

M-am adresat unui developer front-end experimentat, Mihail Marcu. Mihail lucrează în IT din 2010, iar experiența sa include lucrul ca designer UI/UX, ceea ce îl ajută cu siguranță în jobul său actual de programator de interfețe.

În acești 14 ani, Mihail a reușit să lucreze în multe companii, dar cel mai interesant, în opinia mea, este experiența sa de 5 ani în cadrul companiei internaționale bit.ly.

Așadar, să trecem la framework-uri.

Ce framework-uri folosești în activitatea ta?

De când lucrez, am folosit diverse framework-uri front-end, de la jQuery la Angular, Angular la React/Next, React/Next la Vue/Nuxt, iar în prezent mă concentrez mai ales pe VUE/NUXT.

Din propria experiență, pot spune că Vue a schimbat foarte mult lumea front-end-ului, a fost unul dintre primele framework-uri care nu a fost scris de o corporație și a arătat o abordare complet diferită a scrierii front-end-ului, ca să nu mai vorbim de SFC. A arătat că frontend-ul, și mai ales procesul de reactivitate și redare a DOM-ului, nu trebuie să fie complicat.

Care sunt trendurile actuale?

Frontend-ul evoluează foarte mult, iar în ultimii ani a existat o tendință de întoarcere la tehnologii care au fost folosite cu mult înainte de SPA. Este vorba despre server-side rendering (SSR), prin care transmitem către client HTML deja randat pe server. De aceea am trecut acum la Nuxt. După părerea mea, este unul dintre cele mai reușite framework-uri din acest moment. Deși există un framework pe care îl consider mai avansat și mai inovator decât Nuxt, dar mai multe despre acesta mai târziu.

Nuxt are și el câteva erori, deoarece este relativ nou și a apărut recent, dar a adus multă prospețime în lumea frontend:

• importul automat de componente
• gestionari de server
• rute de server
• status SSR

În esență, Next.js ne oferă toate acestea, dar consider că Nuxt este mult mai ușor pentru începători, deoarece este ușor de utilizat și este ușor de creat chiar și cea mai mică aplicație care funcționează deja imediat.

Mulți oameni spun că Next este mai ușor decât Nuxt. Acest lucru este foarte individual. Depinde de ce fel de pregătire are developerul, dar, în opinia mea, SFC va fi întotdeauna mai ușor de înțeles de mulți decât JSX.

Front-end pur sau fullstack?

În ultimii ani, a existat o tendință ca developerii să devină developeri full stack. Dacă vă gândiți la anii 2010: foloseam HTML, CSS, JS (jQuery) pentru a scrie frontend-ul și PHP, .NET, Java pentru backend. Și fiecare își făcea propriul lucru. Acum cred că suntem cu toții un fel de developeri hibrizi: Nuxt/Next, Node/Express/Nest, (ceva nativ precum Ionic sau React Native). Trebuie să fii capabil să lucrezi pe principiile SOLID, Postgres, Mongo, și cam asta este ceea ce se cere acum pe frontend, ceea ce înseamnă că ne îndreptăm încet spre fullstack.

Nuxt îți permite să construiești aplicații fullstack folosind UniJS/H3, pe care eu însumi am scris multe API-uri REST și pot spune că aceasta este din nou o nouă abordare pentru construirea de aplicații server-side. În comparație cu Express JS și Nest JS, UniJS/H3 a arătat că gestionarii de cereri pot fi utilizați ca și composibili sau similar cu hookurile din React, ceea ce face foarte ușoară crearea unor API-uri de bază simple. Așadar, în momentul de față, consider că Nuxt este cel mai bun framework pentru developementul frontend/full stack. Cu toate acestea, nu poate fi atât de bun, nu-i așa? Oricum, nu poate fi totul perfect.

Apropo, există un cuvânt înfricoșător pentru developerii front-end - HIDRATARE. Acesta este procesul în care serverul returnează HTML, și zeci de fișiere JS mari trebuie încărcate pentru a face aplicația funcțională și interactivă. Acest lucru face ca developementul frontend să fie destul de greu.

Noi framework-uri de care trebuie să ținem seama 

Revenind la ceea ce spuneam mai devreme, există un framework care are un mare potențial de a depăși Nuxt/Next și restul frame-workurilor. Este vorba despre despre QWIK JS. Acesta face totul la fel ca Nuxt, dar nu are un proces de hidratare. Folosește o nouă tehnologie numită "reutilizare", care ne permite să încărcăm o cantitate minimă de JS pentru aplicația noastră și, cu ajutorul service workerilor și al așa-numitelor "semnale", să încărcăm bucăți de JavaScript doar atunci când este nevoie. 

Acest framework este încă nou, dar îl consider deja pregătit pentru a fi folosit în producție și recomand tuturor developerilor front-end să îi acorde atenție. Are un mare potențial de a schimba frontend-ul și de a face totul mai convenabil și mai rapid atât pentru developeri, cât și pentru utilizatorii finali.

Mulțumesc Mihail pentru răspunsul tău detaliat și amănunțit! Sunt sigur că va fi foarte util pentru cititorii noștri.