Kampas vs reagavimas vs vue: kokią sistemą pasirinkti 2020 m

Šis įrašas yra išsamus vadovas, kuris galbūt yra jums tinkamiausias sprendimas: Kampas vs Reaguoti vs Vue.


Vos prieš porą metų kūrėjai daugiausia diskutavo, ar savo projektuose jie turėtų naudoti „Angular vs React“. Tačiau per pastaruosius porą metų pastebėjome išaugusį susidomėjimą trečiuoju žaidėju, vardu Vue.js.

Jei esate kūrėjas, pradedantis projektą, ir negalite nuspręsti, kurią „JavaScript“ sistemą naudoti, šis vadovas turėtų padėti jums apsispręsti.

Mes apžvelgiame įvairius kampų, vijų ir reagavimo aspektus, norėdami pamatyti, kaip jie atitinka jūsų poreikius. Šis įrašas nėra tik vadovas apie „Angular vs React vs Vue“, bet juo siekiama sukurti struktūrą, kuri padėtų įvertinti „JavaScript“ sistemas apskritai. Jei kitais metais pasirodys nauja sistema, tiksliai žinosite, į kokius parametrus reikia atkreipti dėmesį!

* Šiame pranešime darome prielaidą, kad jūs turite pagrindines žinias apie „JavaScript“ ir taip pat naudojote „JavaScript“ sistemas.

Kampas vs Reaguoti vs Vue

Pradėkime:

1 dalis. Trumpa „Vue vs React vs Angular“ istorija

Prieš įsigilindami į technines detales, pirmiausia pakalbėkime apie šių rėmų istoriją – norime geriau įvertinti jų filosofiją ir evoliuciją bėgant laikui.

Kaip viskas prasidėjo ��

kampinis logotipas

Kampinis, sukūrė „Google“, pirmą kartą buvo išleista 2010 m., todėl tai buvo seniausia iš partijos. Tai „JavaScript“ sistema, pagrįsta „TypeScript“. 2016 m. Įvyko esminis poslinkis paleidžiant 2 kampą (ir "JS" nuo pradinio pavadinimo – AngularJS). Kampas 2+ yra žinomas kaip tiesiog kampinis. Nors „AngularJS“ (1 versija) vis dar gauna atnaujinimus, mes daugiausia dėmesio skirsime „Angular“. Naujausia stabili versija yra „Angular 9“, kuri buvo išleista 2020 m. Vasario mėn.

vue logotipas

Vue, dar žinomas kaip Vue.js, yra jauniausias grupės narys. Jį sukūrė buvęs „Google“ darbuotojas Evanas 2014 m. Per pastaruosius trejus metus „Vue“ pastebėjo esminį populiarumo pokytį, nors jis ir neturi didelės įmonės paramos. Dabartinė stabili versija yra 2.6, išleista 2019 m. Vasario mėn. (Nuo to laiko yra keletas nedidelių pavienių versijų). „Vue“ bendraautoriai yra palaikomas Patreono. 3 Vue, šiuo metu alfa fazėje, planuoja perkelti į „TypeScript“.

reaguoti logotipas

Reaguokite, sukurtas „Facebook“, iš pradžių buvo išleistas 2013 m. „Facebook“ savo produktuose („Facebook“, „Instagram“ ir „WhatsApp“) plačiai naudoja „React“. Dabartinė stabili versija yra 16.X, išleista 2018 m. Lapkričio mėn. (Nuo tada su mažesniais pamatiniais atnaujinimais).

Čia yra trumpa „Angular vs React vs Vue“ santrauka atsižvelgiant į jų būseną ir istoriją:

Kampinio ir reaguojančio prieš Vue istorija

Kampinis
Reaguokite
Vue

Pradinis išleidimas2010 metai2013 metai2014 metai
Oficiali svetainėkampinis.ioreactjs.orgvuejs.org
Maždaug dydis (KB)50010080
Dabartinė versija916.x2.6.x
Naudojama„Google“, „Wix“„Facebook“, „Uber“„Alibaba“, „GitLab“

Licencija ��‍♂️

Prieš naudodamiesi atvirojo kodo sistema, įsitikinkite, kad įsigijote jos licenciją. Įdomu tai, kad visose trijose sistemose naudojama MIT licencija, kuris numato ribotus pakartotinio naudojimo apribojimus net patentuota programinė įranga. Prieš naudodamiesi bet kokia programa ar programine įranga, įsitikinkite, kad turite žinoti apie licencijos padarinius.

Čia yra greita MIT licencijos santrauka anglų kalba.

Populiarumas ��

Kaip "kampinis" ir "reaguoti" yra paplitę žodžiai, sunku suvokti jų populiarumą iš „Google Trends“. Tačiau geras jų populiarumo tarpinis ženklas yra žvaigždžių, kurias gauna jų „GitHub“ saugyklos, skaičius. Staigus „Vue“ žvaigždžių skaičiaus pokytis įvyko 2016 m. Viduryje, o pastaruoju metu „Vue“ kartu su „React“ yra viena populiariausių schemų..

Žvaigždės „GitHub“ projektuose, skirtuose „Kampinis vs reaguojantis prieš„ Vue “Žvaigždžių skaičius „GitHub“ projektuose „Kampinis“, „Reaktyvusis“ ir „Vue“

Leiskite mums patikrinti, kokia yra darbo rinka „Angular vs React vs Vue“, kuri taip pat yra geras populiarumo rodiklis:

„Kampinis vs reaguok“ vs „Vue“ darbo rinka ��‍♂️

Geriausias duomenų šaltiniai kurie rodo darbo rinkos tendencijas, yra įvairios darbo grupės.

Kaip matyti iš 2018 m. Pabaigos tendencijų, darbo vietų, kurioms reikia įgūdžių rinkinio „Kampinis ar Reaktyvus“, yra maždaug tas pats, o „Vue“ vis dar buvo tik maža dalis šio skaičiaus (apie 20%). Šis sąrašas tikrai nėra baigtinis, tačiau suteikia gerą vaizdą apie bendrą technologijų pramonę.

Jei ieškote griežtai dabartinės darbo rinkos požiūriu, geriausia yra išmokti kampinį arba reaguoti. Tačiau atsižvelgiant į tai, kad „Vue“ per pastaruosius trejus metus išpopuliarėjo, gali prireikti šiek tiek laiko, kol projektai naudos „Vue“ arba naujiems projektams, kurie priima „Vue“, pasiekti brandos lygį, kuriam vadovauja didesnis kūrėjų skaičius.

2 dalis: Bendruomenė ir plėtra

Dabar, kai esate susipažinęs su kiekvieno iš šių schemų istorija ir tendencijomis, mes pažvelgsime į bendruomenę, kad įvertintume šių schemų raidą. Jau matėme, kad per pastaruosius metus visoms sistemoms buvo reguliariai siunčiami papildomi leidimai, o tai rodo, kad plėtra vyksta visomis spartomis..

Pažvelkime į „Angular vs React vs Vue“ statistiką apie jų „GitHub“ saugyklas:

Kampinis
Reaguokite
Vue

# Stebėtojai3,2k6,6k6,0k
# Žvaigždės57k144 k157k
# Šakės15,9k27,6k23,7k
# Bendraautoriai10891,361289

Vue turi daugybę stebėtojų, žvaigždžių ir šakių. Tai rodo jo populiarumą tarp vartotojų ir jo vertę lyginant „Vue vs React“. Tačiau „Vue“ dalyvių skaičius yra mažesnis nei kampinis ir reaguojantis.

Vienas iš galimų paaiškinimų yra tas „Vue“ visiškai skatina atvirojo kodo bendruomenė, o „Angular“ ir „React“ turi didelę dalį „Google“ ir „Facebook“ darbuotojų, prisidedančių prie saugyklų..

Remiantis statistika, visi trys projektai rodo didelę plėtrą ir tai tikrai tęsis ateityje – tiesiog ši statistika negali būti pagrindas nenuspręsti naudoti nė vieno iš jų..

3 dalis. Migracijos

Dirbdami su pasirinkta sistema, nenorite jaudintis dėl ateinančio sistemos atnaujinimo ir sugadinimo kodo. Nors daugeliu atvejų nepavyks susidurti su daugeliu problemų, susijusių su viena versija, svarbu išlaikyti nerimą, nes kai kurie atnaujinimai gali būti reikšmingesni ir juos reikia suderinti, kad viskas būtų suderinama..

Kampinis planuoja svarbiausius atnaujinimus kas šešis mėnesius. Taip pat yra dar šešių mėnesių laikotarpis, iki kurio pagrindinės API nebenaudojamos, o tai suteikia laiką dviem išleidimo ciklais (vieneriems metams) atlikti būtinus pakeitimus, jei tokių yra.

Kalbėdamas apie „Angular vs React“, „Facebook“ tai pareiškė stabilumas yra nepaprastai svarbus jiems, nes tokios didžiulės kompanijos kaip „Twitter“ ir „Airbnb“ naudoja „React“. Atnaujinti naudojant versijas paprastai yra lengviausia „React“, naudojant tokius scenarijus kaip reaguoti-codemod padėti jums migruoti.

DUK migracijos skyriuje „Vue“ tai mini 90% API yra ta pati, jei perkeliate iš 1.x į 2. Čia yra migracijos pagalbininkas įrankis kuris veikia konsolėje ir įvertina jūsų programos būseną.

4 dalis: Darbas su „Vue vs Angular vs React“

Čia reikia įvertinti keletą svarbių savybių, iš kurių svarbiausia yra bendras dydis ir krovimo laikas, turimi komponentai ir mokymosi kreivė..

Dydis ir krovimo laikas ⏲️

Bibliotekų dydžiai yra šie:

  • 4+ kampas: priklauso nuo pagaminto pluošto dydžio
  • Reaguoti: 116 KB
  • Vue: 91 KB

Nors tarp rėmelių dydžių yra didelis skirtumas, jie vis dar yra maži, palyginti su vidutiniu tinklalapio dydžiu (2+ MB 2018 m.). Be to, jei šioms bibliotekoms įkelti naudojate populiarų CDN, labai tikėtina, kad vartotojas jau turi biblioteką įkeltą į savo vietinę sistemą..

Komponentai ��️

Komponentai yra neatsiejama visų trijų rėmų dalis, nesvarbu, ar kalbame „Vue“, „React“ ar „Angular“. Paprastai komponentas gauna įvestį ir pagal tai keičia elgesį. Šis elgesio pokytis paprastai pasireiškia kaip tam tikros puslapio dalies vartotojo sąsajos pakeitimas. Komponentų naudojimas palengvina kodo pakartotinį naudojimą. Komponentas gali būti krepšelis el. Prekybos svetainėje arba prisijungimo dėžutė socialiniame tinkle.

Kampinis Kampinis:
Su kampu komponentai vadinami direktyvas. Direktyvos yra tik DOM elementų žymekliai, kuriais kampinis taip pat gali sekti ir pritvirtinti specifinį elgesį. Todėl kampas atskiria komponentų vartotojo sąsajos dalis kaip HTML žymų atributus, o jų elgesys – „JavaScript“ kodo pavidalu. Būtent tai išskiria žiūrint į kampą prieš reaguoti.
Reaguokite Reaguoti:
Įdomiai reaguokite, sujungdami vartotojo sąsają ir komponentų elgseną. Pavyzdžiui, čia yra kodas, kuris sukuria sveiko pasaulio komponentą „React“. „Re reaguoti“ ta pati kodo dalis yra atsakinga už UI elemento sukūrimą ir jo elgesio diktavimą.
Vue Vue:
Vue, UI ir elgesys taip pat yra sudedamųjų dalių dalis, todėl dalykai tampa intuityvesni žiūrint į Vue vs React. Be to, „Vue“ yra labai lengvai pritaikomas, o tai leidžia sujungti vartotojo sąsają ir komponentų elgseną scenarijaus viduje. Be to, jūs taip pat galite naudokite išankstinius procesorius „Vue“, o ne CSS, kuris yra puikus funkcionalumas. Vue yra puikus, kai reikia integruotis su kitomis bibliotekomis, tokiomis kaip Bootstrap.

Norėdami palyginti, kaip ta pati programa atrodo su skirtingomis bibliotekomis, pateikiame puikų pranešimą sukūrę tą patį „do list“ programą „React“ ir „Vue“ ir kontrastuojantys dviejų struktūrų skirtumus.

Mokymosi kreivė ��

Taigi, kaip sunku išmokti kiekvieną iš šių rėmų?

Kampinis Kampinis:
Kampinis turi staigią mokymosi kreivę, manydama, kad tai yra pilnas sprendimas, ir norint įvaldyti kampą, reikia išmokti susijusių sąvokų, tokių kaip „TypeScript“ ir MVC. Nors ir reikia laiko išmokti kampinį, investicija moka dividendus už supratimą, kaip veikia priekinė dalis.
reaguoti Reaguoti:
„React“ siūlo Darbo pradžia vadovas, kuris turėtų padėti nustatyti reaguoti maždaug per valandą. Dokumentacija yra išsami ir išsami, joje pateikiami bendrų problemų, jau esančių „Stack Overflow“, sprendimai. „React“ nėra išsami sistema, todėl norint naudotis patobulintomis funkcijomis, reikia naudoti trečiųjų šalių bibliotekas. Tai daro pagrindinės sistemos mokymosi kreivę ne tokią staigią, bet priklauso nuo jūsų pasirinkto kelio su papildomomis funkcijomis. Tačiau mokymasis naudoti „React“ nebūtinai reiškia, kad jūs naudojate geriausia praktika.
vue Vue:
Vue suteikia didesnį pritaikomumą, todėl lengviau išmokstamas nei kampinis arba reaguojantis. Be to, „Vue“ funkcijų, pavyzdžiui, komponentų, funkcinis sutapimas su „Angular and React“. Taigi, lengvas pasirinkimas yra perėjimas prie Vue iš abiejų šių dviejų variantų. Tačiau „Vue“ paprastumas ir lankstumas yra dviašmenis kalavijas – jis leidžia prastą kodą, todėl sunku derinti ir tikrinti.

Nors „kampinis“, „reaguoti“ ir „reikšmės“ mokymosi kreivė yra reikšminga, jų panaudojimas įvaldant yra beribis. Pavyzdžiui, galite integruoti kampinį ir reaguoti į „WordPress“ ir „WooCommerce“, kad sukurtumėte progresines žiniatinklio programas.

Kampinis ir reaguojantis prieš „Vue“: Kas laimi?

Pasibaigus šiam įrašui, prisiminkime būdingus kiekvienos sistemos bruožus ir bandykime atsakyti į klausimą: Kampinis vs reaguojantis vs vue: kurį pasirinkti??

kampinis logotipas Kampinis yra pats brandžiausias iš sistemų, turi gerą indėlį remiančių asmenų atžvilgiu ir yra visas paketas.

Tačiau mokymosi kreivė yra staigi, o kampo raidos koncepcijos gali atbaidyti naujus kūrėjus.

Kampas yra geras pasirinkimas įmonėms, turinčioms dideles komandas ir kūrėjams, kurie jau naudoja „TypeScript“.

Papildoma �� Čia yra keletas kampinių administratoriaus prietaisų skydelio šablonų, kurie jus galėtų sudominti.

reaguoti logotipas Reaguokite yra tiesiog pakankamai senas, kad būtų subrendęs, ir turi daug visuomenės indėlio. Tai sulaukė plataus pritarimo. „React“ darbo rinka yra tikrai gera, o šios sistemos ateitis atrodo šviesi.

„React“ atrodo geras pasirinkimas norintiems pradėti naudotis „JavaScript“ pagrindinėmis sistemomis, pradedantiesiems ir kūrėjams, kuriems patinka tam tikras lankstumas. Galimybė sklandžiai integruotis su kitomis sistemomis suteikia didelį pranašumą tiems, kurie norėtų šiek tiek lankstesnio savo kodo.

vue logotipas Vue yra naujausias arenoje, be pagrindinės kompanijos palaikymo.

Vis dėlto per pastaruosius kelerius metus pavyko išties gerai pasirodyti kaip stipriam „Angular and React“ konkurentui. Ko gero, tai vaidina daugybė Kinijos gigantų, tokių kaip Alibaba ir Baidu, kurie pasirenka Vue kaip pagrindinę „JavaScript“ sistemą..

Vis dėlto belieka išsiaiškinti, kaip tai darys ateityje, ir pateisinama būti atsargiam. Vue turėtų būti jūsų pasirinkimas, jei norite paprastumo, bet taip pat mėgstate lankstumą.

Papildomi �� Čia yra keli „Vue“ administratoriaus šablonai, sukurti naudojant „Bootstrap“ ir kurie gali jus sudominti.

Atsakymas į diskusiją „Kampinis prieš reaguojantį prieš vėją“ yra toks: nėra absoliučiai teisingo pasirinkimo, ko tikriausiai tikėjotės.

Kiekviena iš šių bibliotekų turi savo privalumų ir trūkumų. Atsižvelgiant į projektą, kuriame dirbate, ir į jūsų individualius reikalavimus, vienas iš jų bus tinkamesnis už kitus. Visada svarbu prieš priimant sprendimus atlikti savo tyrimus, ypač jei ketinate dirbti dėl verslo, o ne dėl asmeninio projekto.

Kuri sistema, jūsų manymu, yra čia nugalėtoja – kampinis vs reaguojantis vs vue? Praneškite mums toliau pateiktuose komentaruose.

Papildoma literatūra: ��

  • Medžiagos projektavimo šablonai, skirti vertei, kampinei ir reagavimo medžiagai (medžiagos vartotojo sąsaja)
  • Geriausios „React“ UI komponentų bibliotekos / rėmai
  • Įdomios „Vue UI“ komponentų bibliotekos
  • Geriausi kampiniai administratoriaus prietaisų skydelio šablonai
  • Geriausi nemokami „ReactJS“ įkrovos šablonai
  • Nemokami reaguoti vietiniai šablonai
  • Nemokami ir aukščiausios kokybės „VueJS Admin“ šablonai, sukurti naudojant „Bootstrap“

Kita vertus, kaip būtų dar naudojant „WordPress“? „WordPress“ puikiai tinka paleisti beveik bet kokį įsivaizduojamą svetainės projektą, ir yra keletas nuostabių temų, kad jūsų dizainas atrodytų puikiai (daugelis jų yra nemokami). Jau neminint to, kad galite surengti „WordPress“ svetainę pigiau.

Nepamirškite prisijungti prie avarijos kurso, kaip pagreitinti jūsų „WordPress“ svetainę. Taikydami keletą paprastų pataisų galite sumažinti įkrovimo laiką net 50–80%:

Karolio K išdėstymas ir pristatymas.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map