Angular vs React vs Vue: mitkä puitteet valita 2021

Google Trends jakaa sen myös maantieteellisen sijainnin mukaan, jos haluat etsiä oman alueesi työnhakutrendejä.

jos katsoo tiukasti nykyisten työmarkkinoiden näkökulmasta, kannattaa opetella kulmikkuutta tai reagointia. Koska Vue on kuitenkin kasvattanut suosiotaan kolmen viime vuoden aikana, voi kestää jonkin aikaa ennen kuin projektit käyttävät Vue: tä tai uusia vue: tä hyväksyviä projekteja saavuttaa kypsyystason, joka komentaa suurempaa määrää kehittäjiä.

2 osa: Yhteisö ja kehitys

nyt kun olette perehtyneet näiden kehysten historiaan ja viimeaikaisiin suuntauksiin, tarkastelemme yhteisöä arvioidaksemme näiden kehysten kehitystä. Olemme jo nähneet, että kaikkien kehysten osalta on viime vuoden aikana toimitettu säännöllisesti lisäjulkaisuja, mikä osoittaa, että kehitys on täydessä vauhdissa.

tarkastelkaamme Angular vs React vs Vue niiden GitHub-arkistojen tilastojen osalta (ja huomaa, että Vue-numerot sisältävät myös erillisen vue 3.0-arkiston):

kulma React Vue
# 3, 2 k 6, 7 k 6, 3 k
# Tähdet 70,9 k 164k 200,8 k
# haarukka 18,6 k 32,9 k 31,7 k
# avustajat 1,352 1,533 382

vue vs React-vertailussa Vuella on valtava määrä katsojia, tähtiä ja haarukoita. Tämä kertoo Vue: n suosiosta käyttäjien keskuudessa ja sen arvosta Reactiin verrattuna. Vue: n vastaajia on kuitenkin vähemmän kuin kulmikkaita ja reagoivia.

yksi mahdollinen selitys on se, että vue: tä ohjaa kokonaan avoimen lähdekoodin yhteisö, kun taas Angular ja React ovat merkittävässä osassa Googlen ja Facebook-työntekijöiden osallistuessa arkistoihin.

tilastojen perusteella kaikissa kolmessa hankkeessa näkyy merkittävää kehittämistoimintaa, ja tämä tulee varmasti jatkumaan tulevaisuudessakin — vain näiden tilastojen perusteella ei voida päättää olla käyttämättä kumpaakaan.

ylimääräinen metriikka, joka kannattaa ottaa huomioon, on GitHubin” Used By ” – merkki, joka arkiston tekijän on otettava käyttöön. Tämä osoittaa, kuinka monet muut GitHubin arkistot ovat riippuvaisia kyseisestä arkistosta. Angular ’ s GitHub repo näyttää 1,7 miljoonaa, React näyttää tällä hetkellä lähes 5,7 miljoonaa käyttäjää, kun Vue näyttää yli 167,000 molemmat repot yhteensä. Aikamoinen ero kolmen kehyksen välillä, mutta tämä johtuu pitkälti siitä, että Vue on uudempi kehys eikä kerro kokonaiskysynnästä koko kuvaa.

3 osa: Migrations

kun työskentelet valitsemiesi puitteiden kanssa, et halua joutua murehtimaan kehyspäivitystä, joka tulee ja sotkee koodiasi. Vaikka useimmissa tapauksissa et kohdata monia kysymyksiä yhdestä versiosta toiseen, on tärkeää pitää sormi pulssilla, koska jotkut päivitykset voivat olla merkittävämpiä ja vaativat hienosäätöä pitää asiat yhteensopivina.

Kulmasuunnitelmat suuret päivitykset puolen vuoden välein. On myös vielä kuusi kuukautta ennen kuin tärkeimmät sovellusliittymät vanhentuvat, mikä antaa sinulle kahden julkaisusyklin (yhden vuoden) ajan tehdä tarvittavat muutokset, jos sellaisia on.

kun kyseessä on Angular vs React, Facebook on todennut vakauden olevan heille äärimmäisen tärkeää, sillä Twitterin ja Airbnb: n kaltaiset suuryritykset reagoivat. Päivitykset versioiden kautta ovat yleensä helpoimpia Reactissa, jossa skriptit kuten react-codemod auttavat sinua siirtymään.

vue 3: n dokumenttien migraatio-osassa Vue mainitsee, että paljon on samaa vue 2: n ja Vue 3: n välillä, kun taas 90% API: sta on sama, jos siirrytään 1: stä.x 2: een. On olemassa vue 2 vue 1 migration helper työkalu, joka toimii konsolin arvioida tilan sovelluksen.

osa 4: työskentely vue vs Angular vs React

on kourallinen tärkeitä ominaisuuksia tarkastella tässä, tärkeimmät niistä ovat koko ja kuormitusajat, käytettävissä olevat komponentit, ja oppimiskäyrä.

koko – ja latausajat ⏲️

kirjastojen koot eivät tule olemaan yhtä suuri tekijä, sillä välimuistiin tallentaminen ja miinoittaminen ovat nykyään melko vakiovarusteita. Vaikka kehysten kooissa voi olla merkittävä ero (esimerkiksi Kulmikas on suurin), ne ovat silti pieniä verrattuna keskimääräiseen verkkosivun kokoon (noin 2MB uusimpien tietojen mukaan). Lisäksi, jos käytät suosittua CDN: ää näiden kirjastojen lataamiseen, on erittäin todennäköistä, että käyttäjä on jo ladannut kirjaston paikalliseen järjestelmäänsä.

komponentit 🏗️

komponentit ovat erottamattomia osia kaikista kolmesta kehyksestä riippumatta siitä, puhutaanko Vuesta, reagoivasta vai kulmikkaasta. Komponentti yleensä saa syötteen, ja muuttaa käyttäytymistä sen perusteella. Tämä käyttäytymisen muutos ilmenee yleensä jonkin sivun osan käyttöliittymän muutoksena. Komponenttien käyttö helpottaa koodin uudelleenkäyttöä. Komponentti voi olla Ostoskori verkkokauppasivustolla tai kirjautumisruutu yhteisöpalvelussa.

KulmikasKulmikas: kulmissa komponentteja kutsutaan direktiiveiksi. Direktiivit ovat vain markkereita DOM-elementeille, jotka kulmikkaat voivat seurata ja liittää myös tiettyä käyttäytymistä. Siksi Kulmikas erottaa komponenttien UI-osan HTML-tagien attribuutteina ja niiden käyttäytymisen JavaScript-koodin muodossa. Tämä erottaa sen, kun tarkastellaan Kulmikas vs reagoida.ReactReact: react, kiinnostavaa kyllä, yhdistää komponenttien UI: n ja käyttäytymisen. Esimerkiksi, tässä on koodi luoda hello world komponentti React. Reactissa sama koodin osa vastaa KÄYTTÖLIITTYMÄELEMENTIN luomisesta ja sen käyttäytymisen sanelemisesta.

 VuVu: Kun tarkastellaan Vue vs React, vue, UI ja käyttäytyminen ovat myös osa komponentteja, mikä tekee asioita enemmän intuitiivinen. Myös, Vue on erittäin muokattavissa, jonka avulla voit yhdistää UI ja käyttäytymistä komponenttien sisällä skripti. Edelleen, Voit myös käyttää esiprosessoreita Vue sijaan CSS, joka on loistava toiminnallisuus. Vue on hyvä, kun se tulee integraatio muihin kirjastoihin, kuten Bootstrap.

jos haluat verrata, miltä sama sovellus näyttää eri kirjastojen kanssa, tässä on loistava viesti saman to do-listasovelluksen luomisesta Reactiin ja Vuehen ja näiden kahden kehyksen eroista.

oppimiskäyrä 🎓

joten kuinka vaikeaa on oppia jokainen näistä kehyksistä?

KulmikasKulmikas: kulmikkaalla on jyrkkä oppimiskäyrä, koska se on täydellinen ratkaisu, ja kulmikkuuden hallitseminen vaatii siihen liittyvien käsitteiden, kuten Typescriptin ja MVC: n, opettelemista. Vaikka kulmikkuuden opettelu vie aikaa, sijoitus tuottaa tulosta etupään toiminnan ymmärtämisessä.reactReact: React tarjoaa Aloitusoppaan, jonka avulla pystyttäjän pitäisi reagoida noin tunnissa. Dokumentointi on perusteellista ja kattavaa, ja Stack Overflow-palvelussa on jo ratkaisuja yleisiin ongelmiin. React ei ole täydellinen kehys ja kehittyneet ominaisuudet edellyttävät kolmannen osapuolen kirjastojen käyttöä. Tämä tekee oppimiskäyrä ydinkehys ei ole niin jyrkkä, mutta riippuu polku otat lisätoimintoja. Reactin käytön oppiminen ei kuitenkaan välttämättä tarkoita sitä, että käyttäisit parhaita käytäntöjä.vueVue: Vue tarjoaa paremman muokattavuuden ja on siten helpompi oppia kuin kulmikas tai reagoiva. Lisäksi Vuella on päällekkäisyyttä kulmikkaiden kanssa ja ne reagoivat niiden toiminnallisuuden suhteen kuten komponenttien käyttö. Näin ollen siirtyminen Vuelle jommastakummasta kahdesta on helppo vaihtoehto. Vue: n yksinkertaisuus ja joustavuus on kuitenkin kaksiteräinen miekka-se mahdollistaa huonon koodin, mikä vaikeuttaa debugin tekemistä ja testaamista.

vaikka kulmikkaalla, Reactilla ja Vuella on merkittävä oppimiskäyrä, niiden käyttö mestaruuteen on rajatonta. Esimerkiksi, voit integroida kulmikas ja reagoida WordPress ja WooCommerce luoda progressiivinen web-sovelluksia.

Kulmikas vs React vs Vue: kuka voittaa?

tämän postauksen loppupuolella muistelkaamme kunkin kehyksen ominaispiirteitä ja yrittäkäämme vastata kysymykseen: Kulmikas vs React vs Vue: kumpi sinun pitäisi valita?

kulmalogo

angular-logo

Angular on kehyksistä kypsin, sillä on taustaltaan hyvä tausta ja se on kokonaispaketti.

oppimiskäyrä on kuitenkin jyrkkä ja Kehityskäsitykset Angulassa saattavat lykätä uusia kehittäjiä.

Kulmikas on hyvä valinta isojen tiimien yrityksille ja kehittäjille, jotka käyttävät jo konekirjoitusta.

Extra 👉 Tässä muutamia kulmikkaita admin dashboard-malleja, joista saatat olla kiinnostunut.

react-logo

react-logo

React on juuri tarpeeksi vanha ollakseen kypsä ja sillä on valtava määrä yhteisön panoksia. Se on saanut laajaa hyväksyntää. Reactin työmarkkinat ovat todella hyvät, ja näiden puitteiden tulevaisuus näyttää valoisalta.

React näyttää hyvältä valinnalta front-end JavaScript frameworks, startups ja kehittäjille, jotka pitävät joustavuudesta. Kyky integroitua muihin kehyksiin saumattomasti antaa siitä suuren edun niille, jotka haluavat joustavuutta koodiinsa.

Vuen logo

vue-logo

Vue on areenan uusin, ilman suuryhtiön tukea.

se on kuitenkin pärjännyt viime vuosina todella hyvin tullessaan vahvana kilpailijana kulmikkaalle ja Reactille, ja erityisesti vue 3.0: n julkaisun myötä. Tämä on ehkä pelissä rooli paljon Kiinan jättiläiset kuten Alibaba ja Baidu picking Vue ensisijaisena front-end JavaScript framework. Vue: n pitäisi olla valintasi, jos haluat yksinkertaisuutta, mutta myös joustavuutta.

Extra 👉 Tässä muutamia Bootstrapilla rakennettuja vue admin-malleja, joista saatat olla kiinnostunut.

vastaus keskusteluun Kulmikas vs React vs Vue on, että ei ole absoluuttista oikeaa valintaa, johtopäätös, että luultavasti odotettu.

jokaisella näistä kirjastoista on omat hyötynsä ja haittansa. Työstämäsi projektin ja yksilöllisten tarpeidesi perusteella yksi näistä on sopivampi kuin muut. Se on aina avain tehdä oman tutkimuksen ennen päätöstä, varsinkin jos aiot työskennellä liiketoiminnan venture eikä henkilökohtainen projekti.

mikä kehys on mielestäsi tässä voittaja-Kulmikas vs React vs Vue? Kerro meille kommenteissa alla.

(VIDEO): Must-have WordPress plugins kehittäjille

toinen huomautus, miten käyttää WordPress vielä? WordPress sopii täydellisesti ajaa lähes kaikki verkkosivuilla hanke kuviteltavissa, ja on olemassa joitakin mahtavia teemoja, jotta suunnittelu näyttää hyvältä (monet näistä teemoista ovat ilmaisia ladata). Puhumattakaan siitä, että voit isännöidä WordPress verkkosivuilla halvempaa.



+