Reaguoti vs. „Angular“: kodėl „React“ yra daug populiaresnis?

Angular ir React yra populiarūs kuriant žiniatinklio programas. Tačiau pastaruoju metu „React“ populiarumas išaugo labiau nei „Angular“.

Pažvelkime į kiekvienos sistemos našumą, greitį, išsipūtimą ir kodo detales ir kaip tai galėjo paveikti jų populiarumą.

Kas yra Kampinis?

Angular yra populiari žiniatinklio kūrimo platforma galite naudoti kurdami dinamines žiniatinklio programas arba vieno puslapio programas. Pirmą kartą jis pasirodė 2010 m. kaip „AngularJS“, o 2016 m. išsivystė į „Angular 2“.

Kaip ir daugelis kitų karkasų, Angular daug naudoja komponentus. Tai iš esmės yra daugkartinio naudojimo HTML elementai, kuriuos galite sukurti. Tada galite importuoti ir naudoti šiuos tinkintus elementus keliuose programos puslapiuose.

„Angular“ naudojančios įmonės yra „Nike“, „UpWork“, „Forbes“, HBO, „Sony“ ir „Google“. Populiarios programos, sukurtos naudojant „Angular“, yra „PayPal“, „Upwork“, „Microsoft Office Home“ ir „Overleaf“. Kai kurie „Google“ produktai, įskaitant „Google Voice“ ir „Gmail“, taip pat naudoja sistemą.

Kas yra Reaguoti?

„React“ yra „JavaScript“ biblioteka taip pat naudojamas kuriant žiniatinklio programas. Kaip ir „Angular“, „React“ taip pat remiasi komponentų naudojimu.

Kiekvienas komponentas valdo savo duomenų būseną ir iš naujo pateikia programą pagal šių būsenų pakeitimus. Dėl to „React“ labai tinka kuriant programas su dinamiškais, nuolat besikeičiančiais duomenimis.

Daugelis socialinės žiniasklaidos įmonių naudoja „React“, įskaitant „Facebook“, „Instagram“ ir „Skype“. Kitos įmonės, sukūrusios programas naudodamos „React“, yra „Uber“, „AirBnB“, „Netflix“ ir „Amazon“.

Populiarumas tarp „React“ ir „Angular“.

Kaip matyti toliau „React“ „Github“ puslapis, „React“ turi 185 000 žvaigždučių, daugiau nei 1 500 bendradarbių ir daugiau nei 9,5 mln. vartotojų. Angular's Github puslapis rodo 80 500 žvaigždučių, 1500 ir daugiau bendradarbių ir daugiau nei 2,2 mln. vartotojų.

Pagal Xingas, Huangas ir Lai, „React“ buvo atsiųsta 9,2 mln., palyginti su „Angular 2“ – 2,6 mln. atsisiuntimų 2018 m. gegužės mėn.

Nors abi platformos turi savo privalumų, šie duomenys rodo, kad „React“ yra populiaresnė iš jų. Šios dvi sistemos skirtingai tvarko tokius dalykus kaip našumas, programos struktūra ar modulių importavimas. Tokie skirtumai gali padėti paaiškinti atitinkamą jų populiarumą.

Kalba

Angular naudoja HTML, CSS ir TypeScript derinį. HTML failuose rodomi vartotojo sąsajos elementai, CSS yra stilius, o „TypeScript“ yra kodo logika.

„React“ naudoja „JavaScript“ ir CSS. „JavaScript“ faile gali būti kodo logika, vaizduojanti komponentą. Komponentas taip pat gali turėti atitinkamą CSS failą.

„JavaScript“ faile galite grąžinti su tuo komponentu susietą HTML kodą.

Moduliai ir importas

Galite įdiegti ir nustatyti Angular naudodami Angular CLI įrankį. Taip pat turėsite įdiegti Node.js. Vykdydami šį procesą galite sukonfigūruoti programą, kad būtų įtrauktas maršruto parinkimas, stiliaus lapo tipas arba net „Bootstrap“.

„Angular“ programėlėje yra keli moduliai. Nors dėl to programa išpūsta, tai taip pat reiškia, kad ji siūlo daugiau numatytųjų funkcijų, kurių nereikia diegti atskirai.

React taip pat reikalingas Node.js. Norėdami sukurti programą „React“, komandų eilutėje galite paleisti paprastą komandą.

Po to turėsite rankiniu būdu pridėti visus reikalingus papildomus modulius. Tai užtikrina, kad programoje turite tik reikiamus modulius, todėl ji bus mažiau išpūsta nei „Angular“.

Mokymosi kreivė

„Angular“ turi specifinę „TypeScript“ naudojimo struktūrą ir savo „Angular“ funkcijas. Tai reiškia, kad jei norite išmokti Angular, kartu su Angular sistema turėsite išmokti ir pačią TypeScript kalbą.

„TypeScript“ ir „JavaScript“ sintaksė yra labai panašios. Tačiau „Angular“ turi tam tikrą struktūrą, kurią jis laikosi „TypeScript“ faile. Pavyzdžiui, ji apibrėžia savo kodo vykdymo tvarką, naudodama savo AfterViewInit arba ngOnInit funkcijas.

Naudodami „React“ kūrėjai, kurie jau žino „JavaScript“, gali iškart pradėti kurti žiniatinklio programas. „React“ mokymosi kreivė dažniausiai apima supratimą, kaip veikia valstybės valdymas.

Greitis ir našumas

„React“ greičiau įkelia programą naršyklėje, palyginti su „Angular“. Taip yra todėl, kad jame naudojamas virtualus DOM – lengvesnis diegimas, kuris tiesiog generuoja DOM elementus pagal jūsų parašytus komponentus.

Skalė

Pagal Xingas, Huangas ir Lai, React tinka mažoms ir vidutinėms žiniatinklio programoms. Tačiau kampinis gali būti labai galingas, kai kalbama apie didesnes, sudėtingesnes programas.

Jie taip pat rodo, kad nors „Angular“ yra sudėtingiau mokytis, dėl papildomų funkcijų jis gali būti tinkamesnis didesniems komerciniams projektams. Tai gali apimti projektus, kurių kūrėjams reikia išspręsti sudėtingas verslo problemas.

Specifinio kodo įgyvendinimas

Tiek Angular, tiek Reach turi savo unikalių savybių.

Angular suteikia galimybę naudoti integruotas struktūrines direktyvas, tokias kaip *ngJei arba *ngDėl. Įdomus pavyzdys, jei HTML faile reikėjo pridėti for kilpą, kad kiekvienam vartotojui sukurtumėte div.

„React“ naudoja valstybės valdymą. Kiekvienas komponentas valdo duomenų būseną ir iš naujo pateikia programą pagal šių būsenų pokyčius.

const [elementas, atnaujinimasItem] = useState([]);

Duomenų įrišimas

„React“ naudoja vienpusį susiejimą, ty duomenis galite perduoti tik viena kryptimi (duomenys iš kodo logikos pereina į HTML elementus arba atvirkščiai).

„Angular“ naudoja dvipusį duomenų susiejimą, o tai reiškia, kad galite perduoti duomenis ir iš HTML failo į „TypeScript“ failą ir atvirkščiai, naudodami vieną kintamąjį. Tai gali būti labai naudinga sudėtingoms programoms.

eksportuoti klasę AppComponent {
 someValue = "defaultValue"
}

Vienas iš įspėjimų yra tas, kad „Angular“ nuolat stebi abiejų failų atnaujinimus. Tai sukuria papildomą įkėlimo ir pateikimo laiką. Duomenų, kuriuos Angular turi patikrinti, kiekis didėja didėjant programos sudėtingumui.

Ilgalaikis „React“ populiarumas

Tiek „React“, tiek „Angular“ yra populiarūs kuriant žiniatinklio sprendimus. Abu turi savo stipriąsias puses ir specifines funkcijas.

Pats kampinis gali prireikti daugiau, kad suprastumėte ir pradėtumėte. Tačiau tai gali būti itin galinga žiniatinklio kūrimo priemonė.

Atrodo, kad „React“ yra paprasčiausia ir greičiausia platforma, kurią galite naudoti norėdami pradėti kurti žiniatinklio programas. Tikriausiai tai yra pagrindinė priežastis, kodėl ji yra kūrimo platforma su daugiausiai atsisiuntimų ir daugiausiai naudojamų.

Kaip sukurti savo pirmosios reakcijos programą naudojant „JavaScript“.

Skaitykite toliau

Apie autorių