Reagovať vs. Angular: Prečo je React oveľa populárnejší?

Angular a React sú populárne, pokiaľ ide o vývoj webových aplikácií. Popularita Reactu sa však nedávno zvýšila viac ako popularita Angular.

Poďme sa pozrieť na výkon, rýchlosť, nadúvanie a podrobnosti o kóde každého rámca a ako to mohlo ovplyvniť ich popularitu.

Čo je Angular?

Angular je populárna platforma pre vývoj webových aplikácií môžete použiť na vytváranie dynamických webových aplikácií alebo jednostránkových aplikácií. Prvýkrát prišiel v roku 2010 ako AngularJS a v roku 2016 sa vyvinul na Angular 2.

Rovnako ako mnoho iných rámcov, Angular intenzívne využíva komponenty. Toto sú v podstate opakovane použiteľné prvky HTML, ktoré môžete vytvoriť. Tieto vlastné prvky potom môžete importovať a použiť na niekoľkých stránkach v rámci vašej aplikácie.

Medzi spoločnosti, ktoré používajú Angular, patria Nike, UpWork, Forbes, HBO, Sony a Google. Populárne aplikácie vytvorené pomocou Angular zahŕňajú PayPal, Upwork, Microsoft Office Home a Overleaf. Rámec používa aj niekoľko produktov Google vrátane služieb Google Voice a Gmail.

Čo je React?

React je knižnica JavaScript používa sa aj na vývoj webových aplikácií. Rovnako ako Angular, aj React je založený na použití komponentov.

Každý komponent spravuje stav svojich údajov a znova vykresľuje aplikáciu na základe zmien týchto stavov. Vďaka tomu je React veľmi dobrý na vytváranie aplikácií s dynamickými, neustále sa meniacimi údajmi.

Mnoho spoločností v oblasti sociálnych médií používa React, vrátane Facebooku, Instagramu a Skype. Medzi ďalšie spoločnosti, ktoré vytvorili aplikácie pomocou React, patria Uber, AirBnB, Netflix a Amazon.

Popularita medzi React vs Angular

Ako je vidieť na Stránka React na Github, React má 185 000 hviezdičiek, viac ako 1 500 prispievateľov a viac ako 9,5 milióna používateľov. Stránka Github spoločnosti Angular zobrazuje 80 500 hviezdičiek, viac ako 1 500 prispievateľov a viac ako 2,2 milióna používateľov.

Podľa Xing, Huang a Lai, React má 9,2 milióna stiahnutí v porovnaní s Angular 2 s 2,6 miliónmi stiahnutí k máju 2018.

Zatiaľ čo obe platformy majú svoje silné stránky, tieto údaje ukazujú, že React je z nich populárnejšia. Tieto dva rámce riešia veci ako výkon, štruktúra aplikácie alebo import modulov odlišne. Takéto rozdiely môžu pomôcť vysvetliť ich príslušnú popularitu.

Jazyk

Angular používa kombináciu HTML, CSS a TypeScript. Súbory HTML zobrazujú prvky používateľského rozhrania, CSS obsahuje štýl a TypeScript obsahuje logiku kódu.

React používa JavaScript a CSS. Súbor JavaScript môže obsahovať logiku kódu predstavujúcu komponent. Komponent môže mať aj zodpovedajúci súbor CSS.

V súbore JavaScript môžete vrátiť kód HTML spojený s týmto komponentom.

Moduly a importy

Angular môžete nainštalovať a nastaviť pomocou nástroja Angular CLI. Budete tiež musieť nainštalovať Node.js. Počas tohto procesu môžete aplikáciu nakonfigurovať tak, aby zahŕňala smerovanie, typ StyleSheet alebo dokonca Bootstrap.

Aplikácia Angular sa dodáva s niekoľkými modulmi hneď po vybalení. Aj keď to robí aplikáciu nafúknutejšou, znamená to tiež, že ponúka viac predvolených funkcií, ktoré nemusíte inštalovať jednotlivo.

React tiež vyžaduje Node.js. Na vytvorenie aplikácie React môžete spustiť jednoduchý príkaz v príkazovom riadku.

Potom budete musieť manuálne pridať ďalšie moduly, ktoré potrebujete. To zaisťuje, že v aplikácii máte iba moduly, ktoré potrebujete, čo spôsobuje, že je menej nafúknutá ako Angular.

Krivka učenia

Angular má špecifickú štruktúru z hľadiska používania TypeScript a vlastných Angular funkcií. To znamená, že ak sa chcete naučiť Angular, budete sa musieť naučiť aj samotný jazyk TypeScript spolu s rámcom Angular.

TypeScript a JavaScript sú vo svojej syntaxi veľmi podobné. Angular má však špecifickú štruktúru, ktorá sa riadi v súbore TypeScript. Napríklad definuje svoje vlastné poradie vykonávania kódu pomocou svojho AfterViewInit alebo ngOnInit funkcie.

S Reactom môžu vývojári, ktorí už poznajú JavaScript, skočiť priamo do toho a začať vytvárať webové aplikácie. Krivka učenia pre React väčšinou zahŕňa pochopenie toho, ako funguje riadenie štátu.

Rýchlosť a výkon

React načíta aplikáciu v prehliadači rýchlejšie v porovnaní s Angular. Je to preto, že používa virtuálny DOM, ľahšiu implementáciu, ktorá len generuje prvky DOM na základe komponentov, ktoré napíšete.

Mierka

Podľa Xing, Huang a Lai, React je vhodný pre malé až stredne veľké webové aplikácie. Angular však môže byť veľmi výkonný, pokiaľ ide o väčšie a komplexnejšie aplikácie.

Tiež naznačujú, že hoci je Angular zložitejší na učenie, dodatočné funkcie, ktoré poskytuje, ho môžu urobiť vhodnejším pre väčšie komerčné projekty. To môže zahŕňať projekty, ktoré vyžadujú, aby vývojári riešili zložité obchodné problémy.

Implementácia špecifického kódu

Angular aj Reach majú svoje vlastné jedinečné vlastnosti.

Angular vám poskytuje možnosť používať vstavané štrukturálne smernice ako napr *ngIf alebo *ngFor. Zaujímavým príkladom je, ak ste potrebovali pridať slučku for do súboru HTML, aby ste vytvorili div pre každého používateľa.

React využíva riadenie štátu. Každý komponent spravuje stav údajov a znova vykresľuje aplikáciu na základe zmien v týchto stavoch.

const [položka, aktualizáciaPoložka] = useState([]);

Väzba údajov

React používa jednosmernú väzbu, čo znamená, že údaje môžete prenášať iba jedným smerom (údaje prechádzajú z logiky kódu do prvkov HTML alebo naopak).

Angular používa obojsmernú dátovú väzbu, čo znamená, že môžete prenášať dáta zo súboru HTML do súboru TypeScript a naopak pomocou jednej premennej. To môže byť veľmi užitočné pre zložité aplikácie.

export class AppComponent {
 someValue = "predvolená hodnota"
}

Jednou z výhrad je, že to spôsobuje, že Angular neustále sleduje aktualizácie v oboch súboroch. To vytvára dodatočné časy načítania a vykresľovania. Množstvo údajov, ktoré Angular potrebuje kontrolovať, sa zvyšuje so zložitosťou aplikácie.

Trvalá popularita Reactu

React aj Angular sú populárne, pokiaľ ide o vývoj webových riešení. Oba majú svoje silné stránky a špecifické funkcie.

Samotný Angular môže trvať dlhšie, kým pochopíte a začnete. Môže to byť však mimoriadne výkonný nástroj, pokiaľ ide o vývoj webu.

React sa zdá byť najjednoduchšou a najrýchlejšou platformou, ktorú môžete použiť na začatie vytvárania webových aplikácií. To je pravdepodobne hlavný dôvod, prečo stojí ako vývojová platforma s najväčším počtom stiahnutí a najvyšším využitím.

Ako vytvoriť aplikáciu First React pomocou JavaScriptu

Prečítajte si ďalej

O autorovi