Angular vs React vs Vue: hvilken ramme at vælge i 2021

Google Trends opdeler det også efter geografisk placering, hvis du gerne vil slå jobsøgningstendenser op i dit område.

hvis du ser strengt ud fra det nuværende jobmarkeds synspunkt, er dit bedste valg at lære vinkel eller reagere. Men i betragtning af at Vue har vundet popularitet i løbet af de sidste tre år, kan det tage lidt tid for projekter at bruge Vue eller nye projekter, der vedtager Vue for at nå et modenhedsniveau, der kommanderer et højere antal udviklere.

Del 2: Fællesskab og udvikling

nu hvor du er fortrolig med historien og de seneste tendenser for hver af disse rammer, vil vi se på samfundet for at vurdere udviklingen af disse rammer. Vi har allerede set, at for alle rammerne er inkrementelle udgivelser blevet sendt regelmæssigt i løbet af det sidste år, hvilket indikerer, at udviklingen foregår i fuld gang.

lad os se på Angular vs React vs Vue med hensyn til statistikker om deres GitHub-arkiver (og bemærk, at Vue-numrene også inkluderer det separate Vue 3.0-arkiv):

når man sammenligner Vue vs React, Vue har et stort antal seere, stjerner, og gafler. Dette viser Vue ‘ s popularitet blandt brugerne og dens værdi sammenlignet med React. Antallet af bidragydere til Vue er dog lavere end Angular og reagerer.

en mulig forklaring er, at Vue udelukkende drives af open source-samfundet, mens Angular og React har en betydelig andel af Google-og Facebook-medarbejdere, der bidrager til opbevaringsstederne.

fra statistikken viser alle tre projekter en betydelig udviklingsaktivitet, og dette vil helt sikkert fortsætte i fremtiden — bare disse statistikker kan ikke være grundlaget for ikke at beslutte at bruge nogen af dem.

en yderligere metric, som du vil overveje, er Githubs “Used By” – badge, som skal aktiveres af opbevaringsforfatteren. Dette viser, hvor mange andre repositorier på GitHub er afhængige af det pågældende Depot. Angular ‘ s GitHub repo viser 1,7 millioner, React viser i øjeblikket næsten 5,7 millioner brugere, mens Vue viser over 167.000 for begge sine repos kombineret. En ganske forskel mellem de tre rammer, men det skyldes stort set, at Vue er den nyere ramme og fortæller ikke det fulde billede af den samlede efterspørgsel.

Del 3: Migrationer

når du arbejder med din valgte ramme, ønsker du ikke at skulle bekymre dig om, at en rammeopdatering kommer sammen og ødelægger din kode. Selvom du i de fleste tilfælde ikke støder på mange problemer fra en version til en anden, er det vigtigt at holde fingeren på pulsen, fordi nogle opdateringer kan være mere betydningsfulde og kræve justeringer for at holde tingene kompatible.

Angular planlægger større opdateringer hvert halve år. Der er også en periode på yderligere seks måneder, før større API ‘ er udskrives, hvilket giver dig tiden for to frigivelsescyklusser (et år) til at foretage nødvendige ændringer, hvis nogen.

når det kommer til Angular vs React, har Facebook udtalt, at stabilitet er af største betydning for dem, da store virksomheder som Kvidre og Airbnb bruger React. Opgraderinger gennem versioner er generelt de nemmeste i React, med scripts som react-codemod hjælper dig med at migrere.

i Migreringsafsnittet i Vue 3 docs nævner Vue, at meget er det samme mellem Vue 2 og Vue 3, mens 90% af API ‘ en er den samme, hvis du migrerer fra 1.til 2. Der er et Vue 2 til Vue 1 migrationshjælpeværktøj, der fungerer på konsollen for at vurdere status for din app.

Del 4: Arbejde med Vue vs Angular vs React

der er en håndfuld vigtige egenskaber at se på her, chef for dem er samlet størrelse og belastningstider, de tilgængelige komponenter og indlæringskurve.

…

størrelse og indlæsningstider

bibliotekernes størrelser vil ikke være så store af en faktor, da caching og minificering er ret standard i dag. Selvom der kan være en betydelig forskel mellem størrelserne på rammerne (f.eks. vinkel er den største), er de stadig små sammenlignet med den gennemsnitlige hjemmesidestørrelse (ca. 2 MB ifølge de seneste data). Hvis du bruger et populært CDN til at indlæse disse biblioteker, er det meget sandsynligt, at en bruger allerede har biblioteket indlæst i deres lokale system.

…

komponenter LARP

komponenter er integrerede dele af alle tre rammer, uanset om vi taler Vue, React eller Angular. En komponent får generelt et input og ændrer adfærd baseret på det. Denne adfærdsændring manifesterer sig generelt som en ændring i brugergrænsefladen på en del af siden. Brug af komponenter gør det nemt at genbruge kode. En komponent kan være en vogn på et e-handelssted eller et login-felt på et socialt netværk.

vinkel: i vinkel betegnes komponenter som direktiver. Direktiver er kun markører på DOM-elementer, som Angular også kan spore og vedhæfte specifik adfærd. Derfor adskiller Angular UI-delen af komponenter som attributter af HTML-tags og deres adfærd i form af JavaScript-kode. Dette er, hvad der adskiller det, når man ser på Angular vs React.React: React, interessant, kombinerer brugergrænsefladen og adfærd af komponenter. For eksempel, her er koden til at oprette en Hej verden komponent i React. I React er den samme del af koden ansvarlig for at oprette et UI-element og diktere dets adfærd.

Vue: Når man ser på Vue vs React, i Vue, UI og adfærd er også en del af komponenter, hvilket gør tingene mere intuitive. Vue er også meget tilpasselig, som giver dig mulighed for at kombinere brugergrænsefladen og opførsel af komponenter fra et script. Desuden kan du også bruge pre-processorer i Vue snarere end CSS, hvilket er en stor funktionalitet. Vue er fantastisk, når det kommer til integration med andre biblioteker, som Bootstrap.

for at sammenligne, hvordan den samme app ser ud med forskellige biblioteker, er her et godt indlæg om at oprette den samme opgaveliste-app på React og Vue og kontrastere forskellene i de to rammer.

…

læringskurve Kristian

så hvor svært er det at lære hver af disse rammer?

Angular: Angular har en stejl indlæringskurve, da det er en komplet løsning, og mastering Angular kræver, at du lærer tilknyttede begreber som TypeScript og MVC. Selvom det tager tid at lære Angular, betaler investeringen udbytte med hensyn til at forstå, hvordan frontend fungerer.React: React tilbyder en startguide, der skal hjælpe en med at oprette React på cirka en time. Dokumentationen er grundig og komplet, med løsninger på almindelige problemer, der allerede findes på Stack overløb. React er ikke en komplet ramme, og avancerede funktioner kræver brug af tredjepartsbiblioteker. Dette gør indlæringskurven for kernerammen ikke så stejl, men afhænger af den sti, du tager med yderligere funktionalitet. At lære at bruge React betyder dog ikke nødvendigvis, at du bruger den bedste praksis.Vue: Vue giver højere tilpasningsevne og er derfor lettere at lære end vinkel eller reagere. Endvidere har Vue en overlapning med Vinkel og reagerer med hensyn til deres funktionalitet som brugen af komponenter. Derfor er overgangen til Vue fra en af de to en nem mulighed. Vue ‘ s enkelhed og fleksibilitet er imidlertid et dobbeltkantet sværd-det tillader dårlig kode, hvilket gør det vanskeligt at debugge og teste.

selvom Angular, React og Vue har en betydelig indlæringskurve, er deres anvendelser ved beherskelse ubegrænsede. Du kan f.eks. integrere Angular og React med for at oprette progressive apps.

Angular vs React vs Vue: hvem vinder?

mod slutningen af dette indlæg, lad os huske de karakteristiske træk ved hver ramme for at forsøge at besvare spørgsmålet: Angular vs React vs Vue: hvilken skal du vælge?

Angular er den mest modne af rammerne, har god opbakning med hensyn til bidragydere og er en komplet pakke.

indlæringskurven er dog stejl, og koncepter for udvikling i Angular kan udskyde nye udviklere.

Angular er et godt valg for virksomheder med store teams og udviklere, der allerede bruger TypeScript.

ekstra Lart her er nogle kantede admin dashboard skabeloner, som du måske er interesseret i.

React er lige gammel nok til at være moden og har et stort antal bidrag fra samfundet. Det har fået bred accept. Arbejdsmarkedet for React er virkelig godt, og fremtiden for denne ramme ser lys ud.

React ligner et godt valg for nogen, der kommer i gang med front-end JavaScript-rammer, startups og udviklere, der kan lide en vis fleksibilitet. Evnen til at integrere med andre rammer problemfrit giver det en stor fordel for dem, der gerne vil have en vis fleksibilitet i deres kode.

Vue er nyeste til Arenaen, uden opbakning fra en større virksomhed.

det har dog gjort rigtig godt i de sidste par år at komme ud som en stærk konkurrent til Angular and React, og især med udgivelsen af Vue 3.0. Dette spiller måske en rolle med mange kinesiske giganter som Alibaba og Baidu picking Vue som deres primære front-end JavaScript-ramme. Vue bør være dit valg, hvis du foretrækker enkelhed, men også gerne fleksibilitet.

ekstra liter her er nogle Vue admin skabeloner bygget med Bootstrap, som du måske er interesseret i.

svaret på debatten om Angular vs React vs Vue er, at der ikke er noget absolut rigtigt valg, en konklusion, som du sandsynligvis forventede.

hvert af disse biblioteker har sine egne fordele og ulemper. Baseret på det projekt, du arbejder på, og dine individuelle krav, vil en af disse være mere passende end de andre. Det er altid nøglen til at lave din egen forskning, før du beslutter dig, især hvis du skal arbejde på et forretningsforetagende og ikke på et personligt projekt.

hvilken ramme tror du er vinderen her — Angular vs React vs Vue? Lad os vide i kommentarerne nedenfor.

på en anden note, Hvad med at bruge ordtryk lidt mere? Er perfekt egnet til at køre næsten enhver hjemmeside projekt tænkelige, og der er nogle fantastiske temaer til rådighed til at gøre dit design ser godt ud (mange af disse temaer er gratis at hente). For ikke at nævne, at du kan være vært for en hjemmeside for billigere.