Google Trends bryter också ner det efter geografisk plats om du vill leta upp jobbsökningstrenderna i ditt område.
om du tittar strikt ur den nuvarande arbetsmarknadens synvinkel är din bästa insats att lära dig Angular eller React. Men med tanke på att Vue har vunnit popularitet under de senaste tre åren kan det ta lite tid för projekt att använda Vue, eller nya projekt som antar Vue för att nå en mognadsnivå som befaller ett högre antal utvecklare.
del 2: Gemenskap och utveckling
nu när du är bekant med historien och de senaste trenderna för var och en av dessa ramar kommer vi att titta på samhället för att bedöma utvecklingen av dessa ramar. Vi har redan sett att för alla ramar har inkrementella utgåvor skickats regelbundet under det senaste året, vilket indikerar att utvecklingen pågår i full gång.
Låt oss titta på Angular vs React vs Vue med avseende på statistik om deras GitHub-förvar (och notera att Vue-siffrorna också innehåller det separata Vue 3.0-förvaret):
| vinkel | reagera | Vue | |
|---|---|---|---|
| # Watchers | 3,2 k | 6,7 k | 6,3 k |
| # Stjärnor | 70,9 k | 164 k | 200,8 k |
| # gafflar | 18,6 k | 32,9 k | 31,7 k |
| # bidragsgivare | 1,352 | 1,533 | 382 |
när man jämför Vue vs React har Vue ett stort antal tittare, stjärnor och gafflar. Detta visar vues popularitet bland användare och dess värde jämfört med React. Antalet bidragsgivare för Vue är dock lägre än vinkel och reagerar.
en möjlig förklaring är att Vue drivs helt av Open source-communityn, medan Angular and React har en betydande andel av Google och Facebook-anställda som bidrar till förvaren.
från statistiken visar alla tre projekten betydande utvecklingsaktivitet, och detta kommer säkert att fortsätta i framtiden — bara denna statistik kan inte ligga till grund för att inte besluta att använda någon av dem.
en ytterligare metrisk som du vill överväga är GitHubs ”Used By” – märke, som måste aktiveras av förvarets författare. Detta visar hur många andra förråd på GitHub som är beroende av det förvaret. Angular ’ s GitHub repo visar 1.7 miljoner, React visar för närvarande nästan 5.7 miljoner användare, medan Vue visar över 167,000 för båda sina repor tillsammans. Ganska skillnad mellan de tre ramarna, men det beror till stor del på att Vue är den nyare ramen och inte berättar hela bilden på den totala efterfrågan.
del 3: Migreringar
när du arbetar med ditt val av RAM, vill du inte behöva oroa dig för att en ramuppdatering kommer med och förstör din kod. Även om du i de flesta fall inte kommer att stöta på många problem från en version till en annan, är det viktigt att hålla fingret på pulsen eftersom vissa uppdateringar kan vara mer signifikanta och kräva tweaks för att hålla saker kompatibla.
Angular planerar stora uppdateringar var sjätte månad. Det finns också en period på ytterligare sex månader innan några större API: er avvecklas, vilket ger dig tiden för två utgivningscykler (ett år) för att göra nödvändiga ändringar, om några.
när det gäller Angular vs React har Facebook sagt att stabilitet är av yttersta vikt för dem, eftersom stora företag som Twitter och Airbnb använder React. Uppgraderingar genom versioner är i allmänhet de enklaste i React, med skript som react-codemod som hjälper dig att migrera.
i Migreringsavsnittet i Vue 3 docs nämner Vue att mycket är detsamma mellan Vue 2 och Vue 3 medan 90% av API: et är detsamma om du migrerar från 1.x till 2. Det finns ett Vue 2 till Vue 1 migreringshjälpverktyg som fungerar på konsolen för att bedöma statusen för din app.
Del 4: Arbeta med Vue vs Angular vs React
det finns en handfull viktiga egenskaper att titta på här, chefen för dem är övergripande storlek och laddningstider, tillgängliga komponenter och inlärningskurva.
…
storlek och laddningstider
bibliotekens storlekar kommer inte att vara lika stora av en faktor eftersom caching och minifiering är ganska standard nuförtiden. Även om det kan finnas en signifikant skillnad mellan ramarnas storlekar (t.ex. vinkel är den största), är de fortfarande små jämfört med den genomsnittliga webbsidans storlek (cirka 2 MB enligt de senaste uppgifterna). Dessutom, om du använder en populär CDN för att ladda dessa bibliotek, är det mycket troligt att en användare har biblioteket redan laddat i sitt lokala system.
…
komponenter
komponenter är integrerade delar av alla tre ramarna, oavsett om vi pratar Vue, react eller angular. En komponent får i allmänhet en inmatning och ändrar beteende baserat på den. Denna beteendeförändring manifesteras vanligtvis som en förändring i användargränssnittet på någon del av sidan. Användningen av komponenter gör det enkelt att återanvända kod. En komponent kan vara en vagn på en e-handelsplats eller en inloggningsruta på ett socialt nätverk.
Angular: i Angular kallas komponenter som direktiv. Direktiv är bara markörer på DOM-element, som Angular kan spåra och bifoga specifikt beteende också. Därför separerar Angular UI-delen av komponenter som attribut för HTML-taggar och deras beteenden i form av JavaScript-kod. Det här är vad som skiljer det när man tittar på Angular vs React.
React: React, intressant, kombinerar användargränssnittet och beteendet hos komponenter. Här är till exempel koden för att skapa en hello world-komponent i React. I React är samma del av koden ansvarig för att skapa ett gränssnittselement och diktera dess beteende.
Vue: När man tittar på Vue vs React, i Vue, UI och beteende är också en del av komponenter, vilket gör saker mer intuitiva. Vue är också mycket anpassningsbar, vilket gör att du kan kombinera användargränssnittet och beteendet hos komponenter från ett skript. Vidare kan du också använda förprocessorer i Vue snarare än CSS, vilket är en bra funktionalitet. Vue är bra när det gäller integration med andra bibliotek, som Bootstrap.
för att jämföra hur samma app ser ut med olika bibliotek, här är ett bra inlägg om att skapa samma att göra-lista-app på React och Vue och kontrastera skillnaderna mellan de två ramarna.
…
inlärningskurva
så hur svårt är det att lära sig var och en av dessa ramar?
Angular: Angular har en brant inlärningskurva, med tanke på att det är en komplett lösning, och mastering Angular kräver att du lär dig associerade begrepp som TypeScript och MVC. Även om det tar tid att lära sig vinkel, betalar investeringen utdelning när det gäller att förstå hur fronten fungerar.React: React erbjuder en komma igång guide som bör hjälpa en ställa in React i ungefär en timme. Dokumentationen är grundlig och fullständig, med lösningar på vanliga problem som redan finns på Stack Overflow. React är inte ett komplett ramverk och avancerade funktioner kräver användning av tredjepartsbibliotek. Detta gör inlärningskurvan för core framework inte så brant men beror på vilken väg du tar med ytterligare funktionalitet. Att lära sig att använda React betyder dock inte nödvändigtvis att du använder de bästa metoderna.Vue: Vue ger högre anpassningsbarhet och är därför lättare att lära sig än Angular eller React. Vidare har Vue en överlappning med vinkel och reagerar med avseende på deras funktionalitet som användningen av komponenter. Därför är övergången till Vue från någon av de två ett enkelt alternativ. Vue enkelhet och flexibilitet är dock ett dubbelkantigt svärd-det tillåter dålig kod, vilket gör det svårt att felsöka och testa.
även om Angular, React och Vue har en betydande inlärningskurva, är deras användning vid behärskning obegränsad. Du kan till exempel integrera Angular och React med WordPress och WooCommerce för att skapa progressiva webbappar.
Angular vs React vs Vue: vem vinner?
mot slutet av detta inlägg, låt oss komma ihåg de karakteristiska egenskaperna hos varje ram för att försöka svara på frågan: Angular vs React vs Vue: vilken ska du välja?
Angular är den mest mogna av ramarna, har bra stöd när det gäller bidragsgivare och är ett komplett paket.
inlärningskurvan är dock brant och koncept för utveckling i Angular kan skjuta upp nya utvecklare.
Angular är ett bra val för företag med stora team och utvecklare som redan använder TypeScript.
extra Bisexuell här är några Angular admin dashboard mallar som du kanske är intresserad av.
React är bara gammal nog att vara mogen och har ett stort antal bidrag från samhället. Det har fått stor acceptans. Arbetsmarknaden för React är riktigt bra, och framtiden för denna ram ser ljus ut.
React ser ut som ett bra val för någon att komma igång med front-end JavaScript ramverk, startups och utvecklare som gillar viss flexibilitet. Möjligheten att integrera med andra ramverk sömlöst ger det en stor fördel för dem som vill ha viss flexibilitet i sin kod.
Vue är nyaste till arenan, utan stöd av ett stort företag.
det har dock gjort riktigt bra de senaste åren för att komma ut som en stark konkurrent för Angular and React, och särskilt med lanseringen av Vue 3.0. Detta spelar kanske en roll med många kinesiska jättar som Alibaba och Baidu som väljer Vue som deras primära Front-End JavaScript-ramverk. Vue bör vara ditt val om du föredrar enkelhet, men också gillar flexibilitet.
extra vanilj här är några Vue admin mallar byggda med Bootstrap som du kanske är intresserad av.
svaret på debatten om Angular vs React vs Vue är att det inte finns något absolut rätt val, en slutsats som du förmodligen förväntade dig.
var och en av dessa bibliotek har sina egna fördelar och nackdelar. Baserat på det projekt du arbetar med och dina individuella krav kommer en av dessa att vara mer lämplig än de andra. Det är alltid viktigt att göra din egen forskning innan du bestämmer dig, särskilt om du ska arbeta på ett affärsföretag och inte på ett personligt projekt.
vilket ramverk tror du är vinnaren här — Angular vs React vs Vue? Låt oss veta i kommentarerna nedan.
(VIDEO): Måste ha WordPress plugins för utvecklare
på en annan anteckning, vad sägs om att använda WordPress lite mer? WordPress är perfekt för att köra nästan alla tänkbara webbplatsprojekt, och det finns några fantastiska teman tillgängliga för att få din design att se bra ut (många av dessa teman är gratis att ladda ner). För att inte tala om att du kan vara värd för en WordPress-webbplats för billigare.
