Reaģēt vs. Angular: kāpēc React ir tik daudz populārāks?

Gan Angular, gan React ir populāri, izstrādājot tīmekļa lietojumprogrammas. Tomēr React popularitāte pēdējā laikā ir palielinājusies vairāk nekā Angular.

Apskatīsim katra ietvara veiktspēju, ātrumu, uzpūšanos un kodu, kā arī to, kā tie varēja ietekmēt to popularitāti.

Kas ir leņķiskais?

Angular ir populāra tīmekļa izstrādes platforma varat izmantot, lai izveidotu dinamiskas tīmekļa lietojumprogrammas vai vienas lapas lietojumprogrammas. Pirmo reizi tas parādījās 2010. gadā kā AngularJS, bet 2016. gadā tas tika pārveidots par Angular 2.

Tāpat kā daudzas citas sistēmas, Angular intensīvi izmanto komponentus. Tie būtībā ir atkārtoti lietojami HTML elementi, kurus varat izveidot. Pēc tam varat importēt un izmantot šos pielāgotos elementus vairākās lietotnes lapās.

Uzņēmumi, kas izmanto Angular, ir Nike, UpWork, Forbes, HBO, Sony un Google. Populāras lietotnes, kas izveidotas, izmantojot Angular, ietver PayPal, Upwork, Microsoft Office Home un Overleaf. Vairāki Google produkti, tostarp Google Voice un Gmail, arī izmanto sistēmu.

Kas ir Reaģēt?

React ir JavaScript bibliotēka izmanto arī tīmekļa lietojumprogrammu izstrādei. Tāpat kā Angular, arī React pamatā ir komponentu izmantošana.

Katrs komponents pārvalda savu datu stāvokli un atkārtoti renderē lietotni, pamatojoties uz šo stāvokļu izmaiņām. Tas padara React ļoti piemērotu lietotņu izveidei ar dinamiskiem, pastāvīgi mainīgiem datiem.

Daudzi sociālo mediju uzņēmumi izmanto React, tostarp Facebook, Instagram un Skype. Citi uzņēmumi, kas ir izveidojuši lietotnes, izmantojot React, ir Uber, AirBnB, Netflix un Amazon.

Popularitāte starp React vs Angular

Kā redzams tālāk React Github lapa, React ir 185 000 zvaigžņu, vairāk nekā 1500 līdzstrādnieku un vairāk nekā 9,5 miljoni lietotāju. Angular's Github lapa rāda 80 500 zvaigznes, 1500+ līdzstrādniekus un vairāk nekā 2,2 miljonus lietotāju.

Saskaņā ar Xing, Huang un Lai, React ir bijuši 9,2 miljoni lejupielāžu salīdzinājumā ar Angular 2 ar 2,6 miljoniem lejupielāžu 2018. gada maijā.

Lai gan abām platformām ir savas stiprās puses, šie dati liecina, ka React ir populārākā no abām platformām. Šīs divas sistēmas apstrādā tādas lietas kā veiktspēja, lietotņu struktūra vai moduļu importēšana atšķirīgi. Šādas atšķirības var palīdzēt izskaidrot to attiecīgo popularitāti.

Valoda

Angular izmanto HTML, CSS un TypeScript kombināciju. HTML faili parāda lietotāja interfeisa elementus, CSS satur stilu un TypeScript satur koda loģiku.

React izmanto JavaScript un CSS. JavaScript failā var būt ietverta koda loģika, kas attēlo komponentu. Komponentam var būt arī atbilstošs CSS fails.

JavaScript failā varat atgriezt ar šo komponentu saistīto HTML kodu.

Moduļi un imports

Varat instalēt un iestatīt Angular, izmantojot Angular CLI rīku. Jums būs arī jāinstalē Node.js. Šī procesa laikā varat konfigurēt lietotni, lai iekļautu maršrutēšanu, stila lapas veidu vai pat sāknēšanas programmu.

Lietotnei Angular ir pievienoti vairāki moduļi. Lai gan tas padara lietotni vēl uzpūstāku, tas arī nozīmē, ka tā piedāvā vairāk noklusējuma funkciju, kas jums nav jāinstalē atsevišķi.

React ir nepieciešams arī Node.js. Lai izveidotu programmu React, komandrindā varat palaist vienkāršu komandu.

Pēc tam jums būs manuāli jāpievieno visi nepieciešamie papildu moduļi. Tas nodrošina, ka lietotnē ir tikai nepieciešamie moduļi, tādējādi tā ir mazāk uzpūsta nekā Angular.

Mācību līkne

Angular ir īpaša struktūra attiecībā uz TypeScript izmantošanu un savām Angular funkcijām. Tas nozīmē, ka, ja vēlaties apgūt Angular, jums būs jāapgūst arī pati TypeScript valoda kopā ar Angular sistēmu.

TypeScript un JavaScript ir ļoti līdzīgi savā sintaksē. Tomēr Angular ir īpaša struktūra, ko tas ievēro TypeScript failā. Piemēram, tas definē savu koda izpildes secību, izmantojot savu AfterViewInit vai ngOnInit funkcijas.

Izmantojot React, izstrādātāji, kuri jau zina JavaScript, var uzreiz sākt un sākt veidot tīmekļa lietojumprogrammas. React mācīšanās līkne galvenokārt ietver izpratni par valsts pārvaldības darbību.

Ātrums un veiktspēja

React ielādē lietotni ātrāk pārlūkprogrammā, salīdzinot ar Angular. Tas ir tāpēc, ka tas izmanto virtuālo DOM — vieglāku ieviešanu, kas tikai ģenerē DOM elementus, pamatojoties uz jūsu rakstītajiem komponentiem.

Mērogs

Saskaņā ar Xing, Huang un Lai, React ir piemērots maza un vidēja mēroga tīmekļa lietojumprogrammām. Tomēr leņķiskais var būt ļoti spēcīgs, ja runa ir par lielākām, sarežģītākām lietojumprogrammām.

Viņi arī norāda, ka, lai gan Angular ir sarežģītāk apgūt, tā nodrošinātās papildu funkcijas var padarīt to piemērotāku lielākiem komerciāliem projektiem. Tas var ietvert projektus, kuros izstrādātājiem ir jāatrisina sarežģītas biznesa problēmas.

Īpaša koda ieviešana

Gan Angular, gan Reach ir savas unikālas iezīmes.

Angular nodrošina iespēju izmantot iebūvētās strukturālās direktīvas, piemēram, *ngJa vai *ngPar. Interesants piemērs tam ir, ja jums bija jāpievieno for cilpa HTML failā, lai izveidotu div katram lietotājam.

React izmanto valsts pārvaldību. Katrs komponents pārvalda datu stāvokli un atkārtoti renderē lietotni, pamatojoties uz izmaiņām šajos stāvokļos.

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

Datu saistīšana

React izmanto vienvirziena saistīšanu, kas nozīmē, ka varat nodot datus tikai vienā virzienā (dati tiek pārsūtīti no koda loģikas uz HTML elementiem vai otrādi).

Angular izmanto divvirzienu datu saistīšanu, kas nozīmē, ka varat pārsūtīt datus gan no HTML faila uz TypeScript failu, gan otrādi, izmantojot vienu mainīgo. Tas var būt ļoti noderīgi sarežģītām lietotnēm.

eksporta klases AppComponent {
 someValue = "defaultValue"
}

Viens brīdinājums ir tāds, ka tas liek Angular pastāvīgi skatīties atjauninājumus abos failos. Tas rada papildu ielādes un renderēšanas laikus. Datu apjoms, kas Angular ir jāpārbauda, ​​palielinās līdz ar lietojumprogrammas sarežģītību.

React ilgstoša popularitāte

Gan React, gan Angular ir populāri, izstrādājot tīmekļa risinājumus. Abiem ir savas stiprās puses un specifiskas funkcijas.

Angular pašam var būt nepieciešams vairāk, lai saprastu un sāktu darbu. Tomēr tas var būt ārkārtīgi spēcīgs rīks, kad runa ir par tīmekļa izstrādi.

Šķiet, ka React ir vienkāršākā un ātrākā platforma, ko varat izmantot, lai sāktu tīmekļa lietojumprogrammu izveidi. Tas, iespējams, ir galvenais iemesls, kāpēc tā ir izstrādes platforma ar visvairāk lejupielāžu un vislielāko lietojumu.

Kā izveidot savu pirmo reakcijas lietotni, izmantojot JavaScript

Lasiet Tālāk

Par autoru