Grunnstýring React vs Vue

Tíminn er að líða hjá Flatiron School. Við pökkuðum bara saman viku 10 með því að læra React Framework. React samanstendur af JavaScript og JSX (sambland af JavaScript vanillu og sérstöku setningafræði sem lítur út eins og HTML). JSX er forvinnsluþrep sem bætir XML setningafræði við JavaScript. Þú getur örugglega notað React án JSX en JSX gerir React mun glæsilegri. Með því að nota bútana af JSX geturðu smíðað hluti sem verða að byggingarreitum vefforrits. Mér líst mjög vel á það hingað til en var forvitinn um kosti og galla við önnur umgjörð, einkum Vue.

Með React, þegar íhlutur breytir ástandi, kallar hann aftur á allt hluti trésins. Til að takast á við þessar endurtekningar geturðu annað hvort notaðComponentUpdate eða React.PureComponent. Ef þú notar React.PureComponent í stað React.Component þá útfærir það á aðComponentUpdate sjálfkrafa.

Í React ætti shouldComponentUpdate aðferð aðeins að nota sem frammistöðu hagræðingu. Þú myndir nota ShouldComponentUpdate aðferðina til að láta React vita hvort framleiðsla íhlutar hefur ekki áhrif á núverandi breytingu á ástandi eða leikmunum.

Í Vue veit kerfi Vue hvaða íhlutir þurfa að skila aftur þegar ríkið breytist. Þetta fjarlægir óþarfa endurútgáfu á íhlutanum.

Augljósasti munurinn á React og Vue er með setningafræðina

Eins og áður hefur komið fram er React samsett úr JavaScript og (valfrjálst) JSX til að búa til íhluti sem verða að byggingarreitum forritsins. Vue getur einnig notað renderaðgerðir og stutt JSX en þeir bjóða einnig upp á sjálfgefið sniðmát. Gildur HTML virkar sem sniðmát í Vue. Þetta gerir jafnvel byrjendum kleift að vinna í gegnum kóða og bæta við það þar sem eðlilegra er að lesa og skrifa. Hægt er að lýsa íhlutum í Vue sem annað hvort framsetningu eða rökrétt. Mælt er með því að nota sniðmát fyrir kynningarhluta og skila aðgerðum með JSX fyrir rökrétta hluti.

CSS stíl í React er aðallega gert sem CSS í JS. Sjálfgefna stílaðferðin í Vue er eins og stílmerkingar í einni skráarhluta. Stílkóðinn í einni skráarhluta er í sömu skrá og íhlutakóðinn.

React og Vue eru líka eins

Fyrir stærri forrit bjóða React og Vue góðar lausnir. Hægt er að nota Redux með React til að stjórna ástandi og bregðast við aðgerðum notandans. Vue getur líka notað Redux en það er eitthvað sem heitir Vuex sem er annað nákvæmara ríkistjórnunarkerfi sérstaklega fyrir Vue. Annar líkur React og Vue er árangur þeirra í afturkreistingum. Þeir eru mjög líkir þannig að það er enginn kostur eða galli þar.

Er React eða Vue vinsælli?

Söfn Vue fyrir stjórnun ríkisins eru öll uppfærð með kjarnasafninu meðan React notar samfélag sitt til að sjá um það. Viðbrögð eru þó vinsælli svo að hún getur fylgst með áhyggjunum. Í StackOverflow könnun sagði React vera 3. vinsælasta bókasafnið meðal verktaki. Samkvæmt LinkedIn eru React verktaki meira eftirspurnir en Vue með 5: 1 hlutfall.

Ef þú vilt byrjun verkefnis fyrir React eða Vue, þá ertu heppinn!

Bæði Vue og React bjóða upphaf verkefna. React's er create-react-app á meðan Vue er með CLI rafall. Einn ókostur við byrjun verkefnis React er að það býður aðeins upp á eitt sniðmát ef gert er ráð fyrir að þú sért að búa til SPA (forrit á einni síðu) á meðan Vue býður upp á meiri fjölbreytni.

Að mínu mati hefur React brattari námsferil en Vue. Með Vue þarftu bara að setja eitt handritamerki til að byrja að smíða smáforrit. Með React þarftu að vita JavaScript (ES2015 +) og JSX til að geta byrjað.

Eins og með hvaða ramma sem er, notaðu það sem er skynsamlegast fyrir þig (eða hvað sem fyrirtæki þitt notar!) Báðir hafa kosti og galla auk þess sem það eru mörg önnur ramma þarna úti eins og Angular eða AngularJS.

Hvaða framhliðatól kýs þú fyrir vinnu þína þessa dagana? Sæl kóðun!

Heimildir: