Angular vs React vs Vue: ve kterém rámci si vybrat 2021

Google Trends to také rozděluje podle geografické polohy, pokud chcete vyhledat trendy hledání zaměstnání ve vaší oblasti.

pokud hledáte striktně z pohledu současného trhu práce, nejlepší je naučit se úhlově nebo reagovat. Vzhledem k tomu, že Vue získala popularitu za poslední tři roky, může nějakou dobu trvat, než projekty použijí Vue nebo nové projekty, které přijmou Vue, aby dosáhly úrovně zralosti, která velí vyššímu počtu vývojářů.

Část 2: Komunita a rozvoj

Nyní, když jste obeznámeni s historií a nedávnými trendy pro každý z těchto rámců, podíváme se na komunitu, abychom posoudili vývoj těchto rámců. Již jsme viděli, že pro všechny rámce byly v uplynulém roce pravidelně dodávány přírůstkové verze, což naznačuje, že vývoj probíhá v plném proudu.

podívejme se na Angular vs React vs Vue s ohledem na statistiky jejich repozitářů GitHub (a všimněte si, že čísla Vue zahrnují také samostatné úložiště vue 3.0):

Úhlové Reagovat Vue
# Strážci 3.2 k 6.7 k 6.3 k
# Hvězdy 70.9 k 164k 200.8 k
# Vidlice 18.6 k 32.9 k 31.7 k
# Přispěvatelé 1,352 1,533 382

Při porovnávání Vue vs Reagovat, Vue má obrovské množství ptáků, hvězdy, a vidličky. To ukazuje popularitu Vue mezi uživateli a její hodnotu ve srovnání s React. Počet přispěvatelů pro Vue je však nižší než úhlový a reaguje.

Jedním z možných vysvětlení je, že Vue je poháněn výhradně open source společenství, vzhledem k tomu, Úhlové a Reagují mají významný podíl Google a Facebook zaměstnanců, přispívání do repozitářů.

Ze statistik, všechny tři projekty ukazují významné rozvojové činnosti, a to je jistě bude pokračovat i v budoucnu — jen tyto statistiky nemohou být základem není rozhodování o použití jednoho z nich.

další metrikou, kterou budete chtít zvážit, je odznak GitHub „Used by“, který musí autor úložiště povolit. To ukazuje, kolik dalších repozitářů na GitHubu je na tomto repozitáři závislých. Úhlové GitHub repo ukazuje 1,7 milionu, Reagovat v současné době vykazuje téměř 5,7 milionu uživatelů, zatímco Vue ukazuje přes 167,000 pro oba jeho repo operace v kombinaci. Docela rozdíl mezi těmito třemi rámci, ale to je do značné míry způsobeno tím, že Vue je novější rámec a neříká úplný obraz o celkové poptávce.

Část 3: Migrace

když pracujete s vaším rámcem volby, nechcete se obávat Aktualizace rámce, která přichází a pokazí váš kód. I když ve většině případů se nebudete setkat s mnoha problémy z jedné verze do druhé, je důležité držet prst na tepu, protože některé aktualizace mohou být významnější a vyžadují Vylepšení, aby byly věci kompatibilní.

Úhlové plány hlavní aktualizace každých šest měsíců. Tam je také období dalších šesti měsíců před hlavní rozhraní Api jsou zastaralé, což vám dává čas dva cykly uvolňování (jeden rok), aby se potřebné změny, pokud existují.

pokud jde o Úhlové vs React, Facebook uvedl, že stabilita je pro ně nanejvýš důležitá, protože velké společnosti jako Twitter a Airbnb používají React. Aktualizace prostřednictvím verzí jsou obecně nejjednodušší v Reactu, přičemž skripty, jako je react-codemod, vám pomohou migrovat.

v sekci migrace dokumentů Vue 3 Vue uvádí, že mnoho je stejné mezi Vue 2 a Vue 3, zatímco 90% API je stejné, pokud migrujete z 1.x na 2. K dispozici je Vue 2 na Vue 1 migrační pomocník nástroj, který pracuje na konzole posoudit stav vaší aplikace.

Část 4: Práce s Vue vs Úhlové vs Reagovat

Existuje několik důležité vlastnosti, aby se podívat na tu,, hlavní z nich je celková velikost a zatížení časy, komponenty k dispozici, a křivka učení.

Velikost a zatížení časy ⏲️

velikosti knihovny nebude tak velký faktor, protože ukládání do mezipaměti a minification jsou celkem standardní v dnešní době. I když tam může být významný rozdíl mezi velikostí rámců (např. Úhlová je největší), jsou stále malé ve srovnání s průměrnou webovou stránku velikosti (cca 2MB podle posledních údajů). Navíc, pokud používáte populární CDN k načtení těchto knihoven, je vysoce pravděpodobné, že uživatel má knihovnu již načtenou v místním systému.

Komponenty 🏗️

Komponenty jsou nedílnou součástí všech tří rámců, bez ohledu na to, pokud mluvíme Vue, React nebo Angular. Komponenta obecně dostane vstup a na základě toho změní chování. Tato změna chování se obecně projevuje jako změna uživatelského rozhraní některé části stránky. Použití komponent usnadňuje opětovné použití kódu. Součástí může být košík na webu elektronického obchodování nebo přihlašovací pole na sociální síti.

ÚhlovéÚhlové: V Úhlové jsou komponenty označovány jako směrnice. Direktivy jsou jen markery na Dom elementech, které mohou Angular sledovat a připojit také specifické chování. Proto Angular odděluje UI část komponent jako atributy značek HTML a jejich chování ve formě kódu JavaScript. To je to, co ji odlišuje při pohledu na Úhlové vs reagovat. ReactReact: React zajímavě kombinuje uživatelské rozhraní a chování komponent. Zde je například kód pro vytvoření komponenty hello world v React. V React je stejná část kódu zodpovědná za vytvoření prvku uživatelského rozhraní a diktování jeho chování.VueVue: Při pohledu do Vue vs React, ve Vue, UI a chování jsou také součástí komponent, což dělá věci intuitivnějšími. Vue je také vysoce přizpůsobitelný, což vám umožňuje kombinovat uživatelské rozhraní a chování komponent ze skriptu. Dále můžete také použít pre-procesory ve Vue spíše než CSS, což je skvělá funkce. Vue je skvělé, pokud jde o integraci s jinými knihovnami, jako je Bootstrap.

porovnat, jak stejnou aplikaci vypadá s různých knihoven, je zde velký příspěvek na vytvoření stejné udělat seznam app na Reagovat a Vue a kontrastní rozdíly těchto dvou rámců.

křivka učení 🎓

jak těžké je naučit se každý z těchto rámců?

ÚhlovéÚhlové: Úhlové má strmé křivky učení, vzhledem k tomu, to je kompletní řešení a zvládnutí Úhlové vyžaduje, abyste se naučit, související pojmy, jako Strojopis a MVC. I když to vyžaduje čas se učit Úhlové, investice vyplácí dividendy, pokud jde o pochopení toho, jak funguje frontend.reactReact: React nabízí průvodce Začínáme, který by měl pomoci nastavit reagovat asi za hodinu. Dokumentace je důkladná a úplná, s řešením běžných problémů, které již existují při přetečení zásobníku. React není úplný rámec a pokročilé funkce vyžadují použití knihoven třetích stran. Díky tomu není křivka učení základního rámce tak strmá, ale závisí na cestě, kterou se vydáte s dalšími funkcemi. Naučit se používat React však nutně neznamená, že používáte osvědčené postupy.vuevue: Vue poskytuje vyšší přizpůsobitelnost, a proto je snadnější se naučit než Úhlové nebo reagovat. Dále má Vue přesah s úhlovou a reaguje s ohledem na jejich funkčnost, jako je použití komponent. Přechod na Vue z jednoho z nich je tedy snadnou volbou. Jednoduchost a flexibilita Vue je však dvojsečný meč-umožňuje špatný kód, což ztěžuje ladění a testování.

ačkoli Angular, React a Vue mají významnou křivku učení, jejich použití při zvládnutí je neomezené. Můžete například integrovat Angular a reagovat s WordPress a WooCommerce a vytvářet progresivní webové aplikace.

Angular vs React vs Vue: kdo vyhraje?

Ke konci tohoto příspěvku, připomeňme si charakteristické rysy každého rámce, aby se pokusili odpovědět na otázku: Úhlové vs Reagovat vs Vue: který z nich byste si měli vybrat?

úhlové logo

úhlové logo

Úhlové, je nejvíce zralý rámců, má dobrou podporu, pokud jde o přispěvatele, a je kompletní balíček.

křivka učení je však strmá a koncepty vývoje v Angular mohou odradit nové vývojáře.

Angular je dobrou volbou pro společnosti s velkými týmy a vývojáři, kteří již používají TypeScript.

Extra 👉 zde jsou některé Úhlové šablony řídicího panelu správce, které by vás mohly zajímat.

reagovat logo

reagovat logo

Reagovat, je to jen dost starý na to být zralý a má obrovské množství příspěvků od společenství. Získala široké přijetí. Trh práce pro React je opravdu dobrý a budoucnost tohoto rámce vypadá jasně.

React vypadá jako dobrá volba pro někoho, kdo začíná s front-end JavaScript frameworky, startupy a vývojáři, kteří mají rádi určitou flexibilitu. Schopnost bezproblémové integrace s jinými rámci mu dává velkou výhodu pro ty, kteří by chtěli určitou flexibilitu ve svém kódu.

vue logo

vue logo

Vue je nejnovější na scéně, bez podpory velké firmy.

Nicméně, to udělal opravdu dobře, v posledních několika letech vyjít jako silný konkurent pro Úhlové a Reagovat, a to zejména s vydáním Vue 3.0. To je možná hraje roli, s hodně z Čínské giganty, jako Alibaba a Baidu vybírání Vue jako jejich primární front-end JavaScript rámce. Vue by měla být vaše volba, pokud dáváte přednost jednoduchosti, ale také jako flexibilita.

Extra Here zde jsou některé šablony Vue admin postavené s Bootstrap, které by vás mohly zajímat.

odpověď na debatu Angular vs React vs Vue je, že neexistuje absolutní správná volba, závěr, který jste pravděpodobně očekávali.

každá z těchto knihoven má své výhody a nevýhody. Na základě projektu, na kterém pracujete, a vašich individuálních požadavků bude jeden z nich vhodnější než ostatní. Před rozhodnutím je vždy klíčové provést vlastní výzkum, zejména pokud budete pracovat na obchodním podniku a ne na osobním projektu.

který rámec si myslíte, že je zde vítězem-Angular vs React vs Vue? Dejte nám vědět v komentářích níže.

(VIDEO): Musíte mít WordPress pluginy pro vývojáře

Na další poznámka, jak používat WordPress trochu více? WordPress je vhodný pro téměř jakékoliv webové stránky projektu si lze představit, a tam jsou některé úžasné motivy jsou k dispozici, aby se vaše design vypadají skvěle (mnoho z těchto témat jsou zdarma ke stažení). Nemluvě o tom, že můžete hostit web WordPress za levnější.



+