de asemenea, Google Trends îl descompune în funcție de locația geografică dacă doriți să căutați tendințele de căutare a locurilor de muncă din zona dvs.
dacă priviți strict din punctul de vedere al pieței actuale a locurilor de muncă, cel mai bun pariu este să învățați unghiular sau să reacționați. Cu toate acestea, având în vedere că Vue a câștigat popularitate în ultimii trei ani, poate dura ceva timp pentru ca proiectele să utilizeze Vue sau proiecte noi care adoptă Vue pentru a atinge un nivel de maturitate care comandă un număr mai mare de dezvoltatori.
Partea 2: Comunitate și dezvoltare
acum, că sunteți familiarizați cu istoria și tendințele recente pentru fiecare dintre aceste cadre, ne vom uita la comunitate pentru a evalua dezvoltarea acestor cadre. Am văzut deja că pentru toate cadrele, lansările incrementale au fost expediate în mod regulat în ultimul an, ceea ce indică faptul că dezvoltarea se desfășoară în plină desfășurare.
să ne uităm la Angular vs React vs Vue în ceea ce privește statisticile privind depozitele lor GitHub (și rețineți că numerele Vue includ, de asemenea, depozitul separat vue 3.0):
| unghiular | React | Vue | |
|---|---|---|---|
| # observatori | 3,2 k | 6,7 k | 6,3 k |
| # Stele | 70,9 k | 164k | 200,8 k |
| # furci | 18,6 k | 32,9 k | 31,7 k |
| # colaboratori | 1,352 | 1,533 | 382 |
când comparăm Vue vs React, Vue are un număr mare de observatori, stele și furci. Acest lucru arată popularitatea Vue în rândul utilizatorilor și valoarea sa în comparație cu React. Cu toate acestea, numărul de contribuitori pentru Vue sunt mai mici decât Angular și React.
o posibilă explicație este că Vue este condusă în întregime de comunitatea open source, în timp ce Angular și React au o pondere semnificativă a angajaților Google și Facebook care contribuie la depozite.
din statistici, toate cele trei proiecte prezintă o activitate semnificativă de dezvoltare, iar acest lucru va continua cu siguranță în viitor — doar aceste statistici nu pot sta la baza deciziei de a nu utiliza niciuna dintre ele.
o valoare suplimentară pe care veți dori să o luați în considerare este insigna GitHub „Used By”, care trebuie să fie activată de autorul depozitului. Aceasta arată câte alte depozite de pe GitHub depind de acel depozit. Repo-ul Github de la Angular arată 1,7 milioane, React arată în prezent aproape 5,7 milioane de utilizatori, în timp ce Vue arată peste 167.000 pentru ambele repo-uri combinate. Destul de o diferență între cele trei cadre, dar acest lucru se datorează în mare parte Vue fiind cadrul mai nou și nu spune imaginea completă a cererii globale.
Partea 3: Migrații
pe măsură ce lucrați cu cadrul ales, nu doriți să vă faceți griji cu privire la o actualizare a cadrului care vine și vă încurcă codul. Deși în majoritatea cazurilor nu veți întâmpina multe probleme de la o versiune la alta, este important să țineți degetul pe puls, deoarece unele actualizări pot fi mai semnificative și necesită modificări pentru a menține lucrurile compatibile.
Angular planifică actualizări majore la fiecare șase luni. Există, de asemenea, o perioadă de încă șase luni înainte ca API-urile majore să fie depreciate, ceea ce vă oferă timpul a două cicluri de eliberare (un an) pentru a face modificările necesare, dacă există.
când vine vorba de Angular vs React, Facebook a declarat că stabilitatea este de cea mai mare importanță pentru ei, deoarece companii uriașe precum Twitter și Airbnb folosesc React. Upgrade-urile prin versiuni sunt, în general, cele mai ușoare în React, cu scripturi precum react-codemod ajutându-vă să migrați.
în secțiunea de migrare a documentelor Vue 3, Vue menționează că multe sunt aceleași între Vue 2 și vue 3, în timp ce 90% din API este același dacă migrați de la 1.x la 2. Există un instrument vue 2 La Vue 1 migration helper care funcționează pe consola pentru a evalua starea aplicației.
Partea 4: Lucrul cu Vue vs Angular vs React
există o mână de caracteristici importante de analizat aici, șeful acestora fiind dimensiunea generală și timpii de încărcare, componentele disponibile și curba de învățare.
…
dimensiuni și timpi de încărcare
dimensiunile bibliotecilor nu vor fi la fel de mari, deoarece cache-ul și minimizarea sunt destul de standard în zilele noastre. Deși poate exista o diferență semnificativă între dimensiunile cadrelor (de exemplu, Angular este cel mai mare), Acestea sunt încă mici în comparație cu dimensiunea medie a paginii web (aproximativ 2 MB conform celor mai recente date). În plus, dacă utilizați un CDN popular pentru a încărca aceste biblioteci, este foarte probabil ca un utilizator să aibă biblioteca deja încărcată în sistemul local.
…
componente
componentele sunt părți integrante ale tuturor celor trei cadre, indiferent dacă vorbim de vue, React sau Angular. O componentă primește, în general, o intrare și schimbă comportamentul pe baza acesteia. Această schimbare de comportament se manifestă în general ca o schimbare în UI a unei părți a paginii. Utilizarea componentelor facilitează reutilizarea codului. O componentă poate fi un coș pe un site de comerț electronic sau o casetă de conectare pe o rețea socială.
unghiular: în unghiular, componentele sunt denumite directive. Directivele sunt doar markeri pe elemente DOM, care Angular poate urmări și atașa un comportament specific prea. Prin urmare, Angular separă partea UI a componentelor ca atribute ale etichetelor HTML și comportamentele lor sub formă de cod JavaScript. Aceasta este ceea ce îl diferențiază atunci când privim Angular vs React.
React: React, interesant, combină UI și comportamentul componentelor. De exemplu, aici este codul pentru a crea o componentă hello world în React. În React, aceeași parte a codului este responsabilă pentru crearea unui element UI și dictarea comportamentului acestuia.
: Când te uiți în Vue vs React, în Vue, UI și comportamentul sunt, de asemenea, o parte a componentelor, ceea ce face lucrurile mai intuitive. De asemenea, Vue este extrem de personalizabil, care vă permite să combinați UI și comportamentul componentelor din cadrul unui script. Mai mult, puteți utiliza, de asemenea, pre-procesoare în Vue, mai degrabă decât CSS, care este o mare funcționalitate. Vue este mare atunci când vine vorba de integrarea cu alte biblioteci, cum ar fi Bootstrap.
pentru a compara modul în care arată aceeași aplicație cu biblioteci diferite, iată o postare excelentă despre crearea aceleiași aplicații to do list pe React și Vue și contrastând diferențele dintre cele două cadre.
…
curba de învățare
deci, cât de dificil este să înveți fiecare dintre aceste cadre?
Angular: Angular are o curbă de învățare abruptă, considerând că este o soluție completă, iar stăpânirea Angular necesită să înveți concepte asociate precum TypeScript și MVC. Chiar dacă este nevoie de timp pentru a învăța unghiular, investiția plătește dividende în ceea ce privește înțelegerea modului în care funcționează front-end-ul.React: React oferă un ghid de inițiere care ar trebui să ajute la configurarea React în aproximativ o oră. Documentația este completă și completă, cu soluții la problemele comune deja prezente pe Stack Overflow. React nu este un cadru complet și caracteristici avansate necesită utilizarea de biblioteci terțe părți. Acest lucru face ca curba de învățare a cadrului de bază să nu fie atât de abruptă, dar depinde de calea pe care o luați cu funcționalități suplimentare. Cu toate acestea, învățarea utilizării React nu înseamnă neapărat că utilizați cele mai bune practici.Vue: Vue oferă o personalizare mai mare și, prin urmare, este mai ușor de învățat decât unghiular sau de a reacționa. Mai mult, Vue are o suprapunere cu unghiular și reacționează în ceea ce privește funcționalitatea lor, cum ar fi utilizarea componentelor. Prin urmare, trecerea la Vue de la oricare dintre cele două este o opțiune ușoară. Cu toate acestea, simplitatea și flexibilitatea Vue este o sabie cu două tăișuri-permite un cod slab, ceea ce face dificilă depanarea și testarea.
deși Angular, React și Vue au o curbă semnificativă de învățare, utilizările lor asupra măiestriei sunt nelimitate. De exemplu, puteți integra Angular și reacționa cu WordPress și WooCommerce pentru a crea aplicații web progresive.
Angular vs React vs Vue: cine câștigă?
spre sfârșitul acestui post, să ne amintim trăsăturile caracteristice ale fiecărui cadru pentru a încerca să răspundem la întrebarea: Angular vs React vs Vue: care ar trebui să alegeți?
Angular este cel mai matur dintre cadre, are un suport bun în ceea ce privește colaboratorii și este un pachet complet.
cu toate acestea, curba de învățare este abruptă și conceptele de dezvoltare în Angular pot amâna noi Dezvoltatori.
Angular este o alegere bună pentru companiile cu echipe mari și dezvoltatori care folosesc deja TypeScript.
Extra XV iată câteva șabloane unghiulare de administrare a tabloului de bord care v-ar putea interesa.
React este suficient de mare pentru a fi matur și are un număr foarte mare de contribuții din partea comunității. A câștigat o acceptare pe scară largă. Piața locurilor de muncă pentru React este foarte bună, iar viitorul acestui cadru pare luminos.
React arată ca o alegere bună pentru cineva care începe cu cadre JavaScript front-end, startup-uri și dezvoltatori cărora le place o anumită flexibilitate. Abilitatea de a se integra perfect cu alte cadre îi oferă un mare avantaj pentru cei care ar dori o anumită flexibilitate în codul lor.
Vue este cel mai nou la arena, fără sprijinul unei companii majore.
cu toate acestea, s-a descurcat foarte bine în ultimii ani pentru a ieși ca un concurent puternic pentru Angular și React, și mai ales cu lansarea Vue 3.0. Acest lucru joacă, probabil, un rol cu o mulțime de giganți chinezi, cum ar fi Alibaba și Baidu, care aleg Vue ca cadru principal JavaScript front-end. Vue ar trebui să fie alegerea dvs. dacă preferați simplitatea, dar și flexibilitatea.
Extra Inktotto iată câteva șabloane de administrare vue construite cu Bootstrap care v-ar putea interesa.
răspunsul la dezbaterea Angular vs React vs Vue este că nu există o alegere corectă absolută, o concluzie pe care probabil ați așteptat-o.
fiecare dintre aceste biblioteci are propriile sale beneficii și dezavantaje. Pe baza proiectului la care lucrați și a cerințelor dvs. individuale, unul dintre acestea va fi mai potrivit decât celelalte. Este întotdeauna esențial să faceți propriile cercetări înainte de a decide, mai ales dacă veți lucra la o afacere și nu la un proiect personal.
care Cadru credeți că este câștigătorul aici-Angular vs React vs Vue? Spuneți-ne în comentariile de mai jos.
(VIDEO): Plugin-uri WordPress obligatorii pentru dezvoltatori
pe o altă notă, ce zici de utilizarea WordPress ceva mai mult? WordPress este perfect potrivit pentru a rula aproape orice proiect de site imaginabil și există câteva teme minunate disponibile pentru a face designul dvs. să arate grozav (multe dintre aceste teme sunt gratuite pentru descărcare). Ca să nu mai vorbim că puteți găzdui un site WordPress mai ieftin.
