Bună ziua Devs! Astăzi vorbim despre ce să ne așteptăm în 2020 în lumea JavaScript. În fiecare an apar multe cadre noi și multe altele sunt împinse deoparte, deoarece mediul din jurul JS este foarte vast și plin de posibilități. JavaScript este in continua evolutie, cand in urma cu doar cativa ani am folosit JS doar pentru mici schimbari de forma dar in zilele noastre companiile folosesc JS in backend si frontend. E uimitor!,această listă se bazează pe popularitatea cadrelor, gradul de utilizare și cât de mult câștigă aceste cadre. Aici sunt noastre de Top 10!
Vue
Vue.js este un cadru JavaScript progresiv. Vue.js sau doar vue pariază pe simplitatea și curba de învățare rapidă, are o manipulare DOM mai rapidă decât rivalii săi (unghiular și React) și devine din ce în ce mai populară. Versiunea 3.0 este programată pentru începutul anului 2020, așa că vom păstra un ochi ca îmbunătățiri și noi caracteristici sunt introduse.,
React
React este probabil cel mai discutat Cadru din lumea front-end, deoarece are o comunitate atât de mare. De asemenea, pentru că este frate, React nativ, face mult mai ușor atunci când vine vorba de mobil. Este diferit de Vue, deoarece, deși curba de învățare din React este abruptă, odată ce știți cum să gestionați sintaxa și modalitățile de a lucra cu ea, veți construi aplicații excepționale.
unghiular
unghiular, în prezent în verson 8, este un cadru front-end greu menținut de gigantul, Google., Angular este un cadru MVC (Model View Controller) care utilizează TypeScript, care este o versiune diferită a JS vanilla sau ECMA script. Printre concurenții săi pentru aplicații enterprise, Vue și React, Angular este recomandat, deoarece ne aduce multe instrumente utile și implementări gata făcute.Ember Este un cadru care își propune să ajute dezvoltatorul crea aplicatii web complexe, aducând cod și instrumente gata pentru ea. Ember nu este la fel de larg vorbită în comunitate ca Vue și React, dar este un cadru excelent.
opriți și analizați !,
acum că am trecut prin primele patru cadre de front-end Javascript, să folosim Google Trends-este foarte cool! Google Trends ne arată Căutările la nivel global și cu o curbă de timp de 5 ani. Iată cercetarea acestor top 4 cadre din ultimii ani:
aceste diagrame sunt disponibile aici.
imaginile vorbesc de la sine; vedem clar că Angular a dominat cercetarea, dar React a reușit să avanseze, evoluând încet și trecând gigantul, unghiular., De asemenea, vedem că Vue crește în cercetarea mondială și că, în timp ce Ember se află în spatele celorlalte trei cadre, este încă un concurent.
acum să folosim Statisticile Stack Overflow. Aceste date sunt din 2019, dar ne arată că React și Vue sunt într-adevăr în creștere și în vârful sondajelor, în timp ce Angular apare cu mult sub acest grafic. Interesant, nu? Ember, din păcate, nu apare deloc pe grafic.
aceste diagrame sunt disponibile aici.
Nuxt
Nuxt.js este un cadru puternic bazat pe Vue.js și nod.js cu server-side-render., Acest cadru de dezvoltare a aplicațiilor web este extrem de puternic, dar chiar dacă este puternic, are același marcaj ca Vue, ceea ce îl face simplu și ușor de utilizat. De asemenea, nuxt are open source, cu peste 22K stele în GitHub și este primul pentru dezvoltarea site-ului server-side pentru cei care folosesc Vue.J. S.
Svelte
Svelte este un cadru excelent care ia o cale diferită de React și Vue., Aduce facilitățile de cod pe care le aduc toate cadrele, dar când punem codul nostru în producție, Svelte compilează codul la JavaScript pur (JS Vanilla), inclusiv bibliotecile terțe și toate codurile terțe. Această parte a compilării tuturor codului pentru JS pur face ca Cadrul să fie extrem de rapid.
Gridsome
GridSome este un alt Vue puternic.cadru bazat pe js. Gridsome este construit pentru generator de site-ul Static folosind sintaxa Vue, precum și GraphQl pentru construirea de site-uri web puternice, rapide, aplicații, PWA-uri și poate lucra, de asemenea, cu markdown.,coloana vertebrală, un cadru MVC (Model View Collection) pentru structurarea codului JS, este utilizat pe scară largă în aplicațiile web care au o mulțime de interacțiuni cu JS și structuri complexe. Acest lucru este mare pentru aplicații mari Java Script.
Gatsby
Gatsby, un cadru bazat pe React și GraphQl este un generator de site Static (SSG). Gatsby folosește cele mai bune părți ale React, cum ar fi React Router și Webpack, plus mai multe caracteristici GraphQl, astfel încât să puteți construi site-ul dvs. în React și apoi să generați fișiere statice „Build”. Aceste avantaje sunt o performanță mai bună și un sistem SEO și cache excelent., În plus, Gatsby vine cu mai multe plugin-uri gata pentru a începe proiectul rapid și concis.
următorul
următorul.js este similar cu Gatsby. Ambele folosesc sintaxa React și au transpilare pentru ES 6 și ES 7, dar cea mai mare diferență între ea este că Next are SSR (Server Side Renderer) în timp ce Gatsby este un SSG. În Gatsby întreaga aplicație este generată în pagini statice și în următoarea fiecare cerere se face o nouă redare a paginii, deoarece această parte se face de către server.
gata !,
înainte de a finaliza, Să mergem din nou la Google Trends, dar de data aceasta să ne uităm la restul cadrelor. Rețineți că nuxt și Next vie pentru a fi cele mai utilizate, amintind că Nuxt se bazează pe Vue și Next pe React. Aceeași dispută pe care o vedem în cadrele „principale” o vedem și în variantele sale.
aceste diagrame sunt disponibile aici.
