Reager vs. Angular: Hvorfor er React så mye mer populært?

Angular og React er begge populære når det gjelder utvikling av webapplikasjoner. Imidlertid har Reacts popularitet økt mer enn Angulars nylig.

La oss ta en titt på ytelse, hastighet, oppblåsthet og kodedetaljer for hvert rammeverk og hvordan disse kan ha påvirket deres popularitet.

Hva er Angular?

Angular er en populær webutviklingsplattform du kan bruke til å bygge dynamiske webapplikasjoner eller enkeltsideapplikasjoner. Den kom først i 2010 som AngularJS, og utviklet seg til Angular 2 i 2016.

Som mange andre rammeverk bruker Angular mye komponenter. Dette er i hovedsak gjenbrukbare HTML-elementer som du kan lage. Du kan deretter importere og bruke disse egendefinerte elementene på flere sider i appen din.

Selskaper som bruker Angular inkluderer Nike, UpWork, Forbes, HBO, Sony og Google. Populære apper bygget med Angular inkluderer PayPal, Upwork, Microsoft Office Home og Overleaf. Flere Google-produkter, inkludert Google Voice og Gmail, bruker også rammeverket.

Hva er React?

React er et JavaScript-bibliotek

brukes også til å utvikle webapplikasjoner. I likhet med Angular er også React basert på bruk av komponenter.

Hver komponent administrerer tilstanden til dataene sine og gjengir appen på nytt basert på endringer i disse tilstandene. Dette gjør React veldig bra for å lage apper med dynamiske, stadig skiftende data.

Mange sosiale medieselskaper bruker React, inkludert Facebook, Instagram og Skype. Andre selskaper som har bygget apper med React inkluderer Uber, AirBnB, Netflix og Amazon.

Popularitet mellom React vs Angular

Som sett på Reacts Github-side, React har 185 000 stjerner, 1500+ bidragsytere og mer enn 9,5 millioner brukere. Angulars Github-side viser 80 500 stjerner, 1500+ bidragsytere og mer enn 2,2 millioner brukere.

I følge Xing, Huang og Lai, React har hatt 9,2 millioner nedlastinger sammenlignet med Angular 2 med 2,6 millioner nedlastinger per mai 2018.

Mens begge plattformene har sine styrker, viser disse dataene at React er den mest populære av de to. Disse to rammeverkene håndterer ting som ytelse, appstruktur eller modulimport forskjellig. Slike forskjeller kan bidra til å forklare deres respektive popularitet.

Språk

Angular bruker en kombinasjon av HTML, CSS og TypeScript. HTML-filene viser UI-elementene, CSS-en inneholder styling, og TypeScript inneholder kodelogikken.

React bruker JavaScript og CSS. En JavaScript-fil kan inneholde kodelogikken som representerer en komponent. Komponenten kan også ha en tilsvarende CSS-fil.

I JavaScript-filen kan du returnere HTML-koden knyttet til den komponenten.

Moduler og import

Du kan installere og sette opp Angular ved å bruke Angular CLI-verktøyet. Du må også installere Node.js. Under denne prosessen kan du konfigurere appen til å inkludere ruting, en StyleSheet-type eller til og med Bootstrap.

Angular-appen kommer med flere moduler ut av esken. Selv om dette gjør appen mer oppblåst, betyr det også at den tilbyr flere standardfunksjoner som du ikke trenger å installere individuelt.

React krever også Node.js. Du kan kjøre en enkel kommando på kommandolinjen for å lage React-appen.

Etter det må du manuelt legge til eventuelle ekstra moduler du trenger. Dette sikrer at du bare har modulene du trenger i appen, noe som gjør at den er mindre oppblåst enn Angular.

Læringskurve

Angular har en spesifikk struktur når det gjelder bruk av TypeScript og sine egne Angular-funksjoner. Dette betyr at hvis du vil lære Angular, må du også lære selve TypeScript-språket, sammen med Angular-rammeverket.

TypeScript og JavaScript er ekstremt like i sin syntaks. Imidlertid har Angular en spesiell struktur som den følger i TypeScript-filen. For eksempel definerer den sin egen rekkefølge for kjøring av kode ved å bruke sin AfterViewInit eller ngOnInit funksjoner.

Med React kan utviklere som allerede kjenner JavaScript hoppe rett inn og begynne å bygge nettapplikasjoner. Læringskurven for React inkluderer for det meste å forstå hvordan statlig ledelse fungerer.

Hastighet og ytelse

React laster en app raskere i nettleseren, sammenlignet med Angular. Dette er fordi den bruker en virtuell DOM, en mer lett implementering som bare genererer DOM-elementer basert på komponentene du skriver.

Skala

I følge Xing, Huang og Lai, React er egnet for små til mellomstore webapplikasjoner. Angular kan imidlertid være veldig kraftig når det kommer til større, mer komplekse applikasjoner.

De foreslår også at selv om Angular er mer komplisert å lære, kan tilleggsfunksjonene den gir, gjøre den mer egnet for større kommersielle prosjekter. Dette kan inkludere prosjekter som krever at utviklerne løser vanskelige forretningsproblemer.

Implementering av spesifikk kode

Både Angular og Reach har sine egne unike egenskaper.

Angular gir deg muligheten til å bruke innebygde strukturelle direktiver som f.eks *ngHvis eller *ngFor. Et interessant eksempel på dette er hvis du trengte å legge til en for-løkke i en HTML-fil for å lage en div for hver bruker.

React bruker statlig ledelse. Hver komponent administrerer tilstanden til dataene og gjengir appen på nytt basert på endringer i disse tilstandene.

const [item, updateItem] = useState([]);

Databinding

React bruker enveisbinding, noe som betyr at du bare kan sende data i én retning (data går enten fra kodelogikken til HTML-elementene eller omvendt).

Angular bruker toveis databinding, noe som betyr at du kan overføre data både fra HTML-filen til TypeScript-filen og omvendt, ved å bruke en enkelt variabel. Dette kan være veldig nyttig for komplekse apper.

eksport klasse AppComponent {
 someValue = "defaultValue"
}

Et forbehold med dette er at det får Angular til å hele tiden se etter oppdateringer i begge filene. Dette skaper ekstra laste- og gjengivelsestider. Mengden data som Angular trenger å sjekke, øker med kompleksiteten til applikasjonen.

Den varige populariteten til React

Både React og Angular er populære når det kommer til utvikling av nettbaserte løsninger. Begge har sine styrker og spesifikke funksjoner.

Angular selv kan kreve mer å forstå og komme i gang. Det kan imidlertid være et ekstremt kraftig verktøy når det kommer til webutvikling.

React ser ut til å være den enkleste og raskeste plattformen du kan bruke for å komme i gang med å bygge webapplikasjoner. Dette er sannsynligvis hovedgrunnen til at den står som utviklingsplattformen med flest nedlastinger og høyest bruk.

Hvordan lage din første reaksjonsapp med JavaScript

Les Neste

Om forfatteren