Meta tibda proġett ġdid fl-iżvilupp tal-web, l-għażliet għall-libreriji u l-oqfsa ta 'quddiem saru b'saħħithom. Is-sinsla tal-applikazzjoni tal-web hija naturalment JavaScript. Ħafna żviluppaturi ta 'softwer, madankollu, għadhom f'sitwazzjoni skomda dwar liema qafas ta' front-end ta 'JS joqgħod l-aħjar għall-proġetti ta' żvilupp tagħhom. Fost l-oqfsa l-aktar popolari, illum jinkludu React, Vue, u Angulari.
Ikun Angulari, Irreaġixxi, jew Vue fl-2020?
Kull żviluppatur għandu ħila u livell ta 'għarfien differenti, skadenzi, kumplessitajiet, rekwiżiti uniċi tal-proġett, eċċ. Għalhekk, mhux obbligatorju li jekk pereżempju, React hija l-għażla ta '30,000 żviluppatur, ikun jaqbel ukoll mar-rekwiżiti tiegħek. Għal organizzazzjoni kummerċjali, liema servizzi jfittxu allura? Ikun servizzi React JS, is-servizzi ta 'AngularJS, jew servizzi ta' żvilupp VueJS? Ejja nidħlu f'dawn it-tliet tendenzi u nqabbluhom fid-dettall biex inkunu nistgħu nagħmlu l-iktar għażla infurmata.
Ħarsa ġenerali
Il-qafas, żviluppat minn Facebook huwa wieħed popolari li jintuża għall-bini u t-tħaddim ta 'UI ta' qawwa għolja tal-paġni tal-web. Angulari, min-naħa l-oħra, huwa l-aktar qafas effiċjenti, qawwi u ta 'sors miftuħ ta' JavaScript li jintuża għall-iżvilupp ta 'SPA jew Applikazzjoni ta' Paġna Unika. Madankollu, il-komunità enormi ta 'żviluppaturi u membri kisbet id-dahar ta' Vue fl-appoġġ ta 'libreriji li jgħinu fil-ġlieda kontra l-kumplessitajiet li għandhom applikazzjonijiet kbar ta' paġna waħda.
Vue jippossjedi l-karatteristiċi etiċi kollha kemm ta 'React kif ukoll Angular. U minħabba dan, il-qafas sar popolari fi żmien qasir biss mingħajr ma juri sinjali ta 'waqgħa.
L-Istorja
React.js
Imniedi fl-2013, kellu għan sempliċi li jaqsam l-Interface tal-Utent fi grupp ta ’komponenti biex jissimplifika l-proċess tal-iżvilupp ta’ interfaces viżwali. Huwa użat biex joħloq apps b'paġna waħda billi jimplimenta karatteristika ġdida ċifra inkredibbli, li hija d-DOM virtwali. Mhux biss kien open-source, iżda ġie adottat ukoll minn madwar tliet miljun żviluppatur ta ’apps front-end.
Wara dan, il-kwistjonijiet ta 'kodifikazzjoni tal-qafas gradwalment ġew solvuti. Fl-2014, imbagħad kiseb reputazzjoni robusta. Il-kumpaniji ġganti li jużaw dan il-qafas huma Facebook u Instagram li żiedet il-popolarità ta ' Irreaġixxi servizzi ta 'żvilupp JS fost il-komunità.
Angular.js
Fl-2010, tnediet l-ewwel verżjoni bħala app front-end. Fast-forward għall-2016, it-tim ewlieni ta 'Google ħareġ b'Angular li huwa bbażat kompletament fuq tliet pilastri ewlenin, l-RXJS, TypeScript, u Zone.js. Il-qafas illum waqqa 's-suffiss JS wara l-aħħar ħarġa ta' Angular 2+ fit-28 ta 'Mejju tas-sena li għaddiet. L-iktar kumpaniji popolari li jużaw Angular illum huma Wix u Google. Is-servizzi ta ' Kumpanija ta' Żvilupp AngularJS issir fid-domanda.
Vue.js
Meħlus minn Evan You, l-ex-inġinier ta 'Google, Vue jista' jkun l-iżgħar iżda madankollu huwa l-iktar membru qawwi tal-komunità Qafas JavaScript. Il-qafas ħareġ bil-verżjoni 2.6.10 f'Marzu tal-2019 biex prattikament jeħles mill-limitazzjonijiet kollha tal-oqfsa JS l-oħra kollha. Barra minn hekk, toffri flessibilità biex toħloq il-livell li jmiss ta 'web apps mingħajr intoppi. Alibaba u GitLab huma fost l-aktar utenti ta ’Vue sinifikanti llum, li jibbenefikaw mill-għarfien espert u l-affidabilità ta’ Kumpanija ta 'servizzi ta' żvilupp VueJS.
Il-Vantaġġi
React.js
1. Tiżgura rendering mgħaġġel. Il-ħolqien ta 'app ta' tagħbija għolja kien meħtieġ billi jitqies kif l-istruttura taffettwa l-prestazzjoni ġenerali. Anke l-aħħar magni u pjattaformi ma setgħux jiżguraw in-nuqqas ta 'konġestjonijiet peress li d-DOM jew il-mudell ta' oġġett tad-dokument huwa l-istruttura bħal siġra u anke bidliet żgħar jistgħu jikkawżaw ripples ikrah għall-interface. Id-DOM virtwali jekk React tagħmilha ta 'benefiċċju estrem għal soluzzjonijiet dinamiċi u mgħobbija.
2. Tiffaċilita aktar manutenzjoni u tagħti spinta lill-produttività. L-aġġornamenti ta 'spiss jinbidlu f'uġigħ ta' ras billi l-app għandha loġika kumplessa u l-bidliet f'komponent wieħed jista 'jkollhom impatt fuq oħrajn. React huwa ssupplimentat bil-kapaċità li jerġa 'juża komponenti tas-sistema, li l-iżviluppaturi jiddefinixxu bħala waħda mill-aqwa karatteristiċi ta' React.
3. SEO-friendly. Benefiċċju ieħor huwa l-abbiltà li tittratta n-nuqqas ta 'magna tat-tiftix komuni biex taqra applikazzjonijiet tqal fil-JavaScript. React jista 'jaħdem fuq is-server, li jirrendi u jirritorna d-DOM virtwali għal ġo browser bħala paġna tal-web regolari.
4. Għandu sett ta 'għodda ta' żvilupp utli. It-tagħlim ta 'teknoloġiji ġodda u l-użu tagħhom fil-proġett li jmiss jista'. Il-vantaġġ ta 'React huwa l-kopertura tiegħu meta tfassal għodod u tiddibaggja. L-għodda ta ’React Developer hija estensjoni tal-browser kemm għal Firefox kif ukoll għal Chrome, li tippermetti lill-iżviluppaturi josservaw il-ġerarkiji tal-komponenti, jispezzjonaw ir-riffieda u l-istat attwali, u jiskopru komponenti tat-tfal u tal-ġenituri.
5. Jiggarantixxi kodiċi stabbli. Biex jiġi żgurat li anke sempliċi bidliet li jseħħu fl-istruttura tat-tfal ma jaffettwawx il-ġenituri, React tagħmel użu biss minn fluss ta 'dejta' l isfel. Bit-tibdil ta 'oġġett, żviluppatur sempliċement jimmodifika l-istat tiegħu, jagħmel bidliet imbagħad komponenti speċifiċi biss jiġu aġġornati.
Angular.js
1. Moduli. App ibbażata fuq l-Angolu tista 'titqies bħala puzzle li fiha kull modulu huwa meħtieġ biex tara l-istampa sħiħa. Hemm diversi modi kif iżżid elementi varji. Angular issolvi l-kwistjoni tal-isfruttament tal-funzjoni globali billi jpoġġi limitu għall-ambitu tal-funzjonalitajiet tal-moduli kollha li ġie definit u użat.
2. Disinn ta 'arkitettura mtejba. Uħud mill-web apps kbar għandhom ħafna komponenti. L-angular jissimplifika l-immaniġġjar tal-komponenti anke jekk programmatur ġdid jitla 'abbord il-proġett wara li jkun beda l-iżvilupp. L-arkitettura hija maħluqa b'mod li jgħin programmatur isib u jiżviluppa kodiċi faċilment.
3. Injezzjoni u Servizzi ta 'Dipendenza. Komponent jew servizz kultant jista 'jkollu bżonn servizzi dipendenti oħra biex iwettaq kompitu. Disinn ta 'Injezzjoni ta' Dipendenza jintuża fit-twettiq ta 'dipendenzi, li jaqsam ix-xogħol fost servizzi varji. L-oġġett dipendenti jinħoloq u jiġi injettat minn injettur Angolari, li huwa responsabbli għall-ħolqien ta 'każijiet ta' servizz u mbagħad jinjettahom fi klassijiet bħal servizzi u komponenti.
4. Kodiċi aktar nadif u skalabbiltà ogħla. TypeScript jintuża għall-kitba tal-qafas. Jikkonforma bis-sħiħ mal-JavaScript u jgħin biex jara u jelimina żbalji komuni ta 'kodifikazzjoni.
5. Direttivi tad-dwana. Direttivi personalizzati jagħtu spinta lill-funzjonalità tal-HTML u huma perfetti għal applikazzjonijiet dinamiċi min-naħa tal-klijent. Kollha jibdew bil-prefiss 'ng' sabiex HTML jkun jista 'jidentifikahom.
Vue.js
1. Żgħir. Iktar ma jkun żgħir id-daqs, iktar jintuża. Wieħed mill-akbar vantaġġi ta 'Vue huwa li jkun żgħir. Id-daqs huwa biss 18-21KB u ma jieħu l-ebda ħin għal utent biex iniżżel u mbagħad jużah.
2. Flessibilità. Vantaġġ ieħor kbir ta 'Vue huwa flessibilità kbira. Jippermetti lill-utenti jiktbu mudell f'fajl JavaScript, fajl HTML, u fajl JS pur bl-użu ta 'nodi virtwali. Barra minn hekk, il-flessibilità tagħmilha faċli biex tinftiehem għall-iżviluppaturi ta 'oqfsa JS oħra.
3. Faċli biex tinftiehem. Vue huwa popolari ħafna għax huwa faċli biex tinftiehem. Utent jista 'faċilment iżid Vue.js ma' proġett tal-web minħabba l-istruttura sempliċi tiegħu. Barra minn hekk, għandha arkitettura definita sew biex tissepara metodi taċ-ċiklu tal-ħajja, dejta u metodi tad-dwana.
4. Integrazzjoni sempliċi. L-iżviluppaturi tal-web jistgħu jintegraw ma 'applikazzjonijiet eżistenti minħabba li Vue huwa qafas ibbażat fuq JavaScript. M'hemm l-ebda ħtieġa li jitwaqqaf node u npm biex tibda tuża Vue.js. Dan ifisser li huwa utli għall-iżvilupp ta 'web apps ġodda u biex tbiddel ukoll apps pre-eżistenti.
5. Komunikazzjoni b'żewġ direzzjonijiet. Minħabba l-arkitettura MVVM tagħha, Vue tista 'tiffaċilita komunikazzjonijiet b'żewġ direzzjonijiet, u tagħmilha faċli biex timmaniġġa blokki HTML. Kwalunkwe tibdil li jsir fl-UI jiġi mgħoddi lid-data u l-bidliet magħmula fid-data jiġu riflessi fl-UI.
Popolarità Fl-2020
B'kunsiderazzjoni tax-Xejriet ta 'Stack Overflow Trends, GitHub, u NPM, jista' jiġi stabbilit il-post tas-suq ta 'dawn it-tliet oqfsa.
- Xejriet ta 'Overflow tal-Munzell. React qiegħed fuq, u jħalli Angular it-tieni. React ħareġ bl-ikbar persentaġġ, segwit minn Angular. Madankollu, il-popolarità ta 'Vue tikber kontinwament fis-snin li għaddew.
- Xejriet GitHub. Vue hija stmata ħafna, segwita minn React. Kien hemm statistika sorprendenti iżda eċċitanti żvelata mir-Repożitorji GitHub. Ir-reazzjoni min-naħa l-oħra għandha l-iktar fehma u rati ta ’Fork. Vue, madankollu, għandu l-iktar bidu.
- Xejriet NPM. Ir-riżultat irriżulta Reaġixxi li ġab l-iktar downloads u preferenzi, segwit minn Vue. Madankollu, dan ma jfissirx li huma l-aħjar. Biex tiddetermina l-aħjar għażla, għandek tiċċekkja aktar stħarriġ.
Prestazzjoni
Wieħed mill-aktar aspetti vitali ta 'app front-end huwa l-prestazzjoni. Id-DOM huwa kkunsidrat bħala l-Interface tal-Utent ta 'kwalunkwe applikazzjoni fl-evalwazzjoni tal-prestazzjoni tat-tliet oqfsa.
Angular.js
Juża DOM reali u l-aħjar għal apps b'paġna waħda li fihom il-kontenut jiġi aġġornat kultant. Il-bidliet kollha li saru fil-Mudell fi veduti jsiru bl-użu tal-proċess ta ’rbit ta’ Jumejn li jirreplika bidliet magħmula fil-Mudell f’viżjonijiet b’mod intuwittiv u sigur.
L-iżvantaġġ: Minħabba wisq karatteristiċi, inaqqas il-prestazzjoni meta jittraduċi proġett f'applikazzjonijiet tqal, minn Vue u React.
React.js
Jagħmel użu mid-DOM Virtwali, itejjeb il-prestazzjoni ta 'app fi kwalunkwe daqs li jeħtieġ aġġornamenti tal-kontenut fuq bażi regolari. Ibbażat fuq fluss ta 'dejta f'direzzjoni waħda, dan jipprovdi kontroll aħjar fuq il-proġett kollu.
L-iżvantaġġ: Hekk kif jinbidel kontinwament, l-iżviluppaturi aġġornaw regolarment il-ħiliet tagħhom biex jaqblu bla difetti ma 'affarijiet ġodda. Kollox jevolvi, u għalhekk hemm drabi li l-ġganti tat-teknoloġija ma jsibuhomx komdi jaħdmu magħhom.
Vue.js
Għandu l-affarijiet tajbin kollha ta 'Angular u React, u b'hekk juża d-DOM virtwali biex iwassal allokazzjoni u prestazzjoni għolja tal-memorja.
L-iżvantaġġ: Vue, li tkun membru ġdid għandu l-iktar komunità ta 'appoġġ fuq skala żgħira.
Angolari vs Irreaġixxi vs Vue fil-Migrazzjoni
Il-migrazzjoni minn verżjoni għal verżjoni xi drabi tista 'tkun problema għall-iżviluppaturi. Meta tqabbel il-proċess ta 'migrazzjoni ta' React, Angular, u Vue fl-2020, tkun sorpriż li tiskopri li Vue hija l-iktar waħda mgħaġġla u sempliċi biex taġġorna.
Angular.js
Aġġornamenti maġġuri qed jiġu rilaxxati darbtejn fis-sena. Barra minn hekk, hemm perjodu ta 'sitt xhur oħra qabel ma tobgħod kwalunkwe APIs maġġuri. Fl-aħħar mill-aħħar ifisser li l-iżviluppaturi se jkollhom żewġ ċikli ta 'rilaxx ta' sitt xhur biex jagħmlu l-bidliet meħtieġa.
React.js
L-aġġornamenti ta ’React permezz ta’ verżjonijiet huma ġeneralment ħafna iktar aċċessibbli meta mqabbla ma ’Angular u Vue. Stabbiltà tal-migrazzjoni faċli minn verżjoni għal verżjoni hija żgurata minn skripts bħall-kodiċi React-mod. Facebook jemmen ukoll li l-akbar tħassib huwa l-istabbiltà peress li bosta kumpaniji rinomati mad-dinja kollha, bħal Twitter u Airbnb jużaw React.
Vue.js
L-iktar għażliet ta 'migrazzjoni intelliġenti jinsabu f'Vue. L-iżviluppaturi tal-web sempliċement għandhom jużaw għodda ta 'għajnuna għall-migrazzjoni biex jagħmlu tibdiliet fil-websajt peress li 90 fil-mija tal-APIs jibqgħu l-istess jekk tagħżel li temigra minn 1.x għal 2.
Kurva tat-Tagħlim
Għal kwalunkwe qafas, il-kurva tat-tagħlim mhix limitata biss għall-kodifikazzjoni. It-tħassib veru huwa kemm huwa faċli li tiddibaggja u tittestja, speċjalment meta timmaniġġja proġetti enormi b'ħafna kodifikazzjoni.
Kemm Angular kif ukoll React fuq spettru wieħed jeħtieġ li jkollhom ħafna esperjenza u għarfien tal-JavaScript meta niġu għat-teħid tad-deċiżjonijiet ta 'libreriji ta' partijiet terzi. Ħafna kumpaniji, min-naħa l-oħra, qed jaqilbu għal Vue malajr billi għandha l-aktar kurva ta 'tagħlim sempliċi meta mqabbla mat-tnejn.
Minkejja dan, numru kbir ta 'żviluppaturi ta' app jippreferu React peress li jħallihom jibnu app fl-aħħar metodoloġiji moderni, b'differenza Vue li ssegwi l-metodu antikwat. Irrispettivament mill-popolarità Angulari li tonqos, tinżel fl-ewwel tlieta fost l-oqfsa tal-JS peress li tipprovdi messaġġ informattiv u ċar lill-iżviluppaturi biex jirranġaw il-kwistjonijiet malajr.
Daqs tal-Qafas
Vue u React jaqbel ma 'app ħafif meta jqis id-daqs ta' kull qafas u librerija. Angolari, madankollu, huwa tajjeb ħafna għal applikazzjonijiet tqal u kumplessi. Angulari bejn wieħed u ieħor għandu daqs ta '500 KB, React daqs ta' 100 KB, u Vue b'daqs ta '80 KB. Dawn id-daqsijiet tal-qafas kif għandhom impatt fuq il-proġetti tas-software ta 'negozju?
- Angular.js. Għandu firxa ta 'karatteristiċi, li, minn mudelli għall-ittestjar ta' utilitajiet jagħti s-setgħa lill-iżviluppaturi. Għal app fuq skala kbira u b'ħafna karatteristiċi, Angular hija l-għażla ideali.
- React.js. Mhuwiex l-istess bħal Angular u ma jipprovdix spettru enormi ta 'libreriji bħal Angular. Għall-iżvilupp tal-web modern, React għalhekk huwa adatt perfett.
- Vue.js. L-iżgħar u ideali għall-iżvilupp ta 'apps ħfief tal-web u ta' paġna waħda. Vue hija l-aħjar għażla għal aċċess iżgħar u sempliċi għall-librerija.
Veloċità tal-Iskjerament
- Angular.js. Qafas wiesa 'li jieħu ħsieb kollox, mill-ħolqien ta' proġett għall-ottimizzazzjoni tal-kodiċi. Għall-iskjerament ġenerali, huwa l-iktar qafas ta 'sfida. Minkejja dan, tipprovdi għażla wiesgħa ta 'karatteristiċi, għalhekk l-iżviluppaturi jista' jkollhom app miġbura li tkun ottimizzata għal kollox biex tintuża għal kwalunkwe host statiku b'kmand wieħed.
- React.js. Anki jekk ma jiġix bl-istess kodiċi bħal Angular jew Vue, meta titkellem dwar il-flessibilità huwa l-aħjar. Kwalunkwe librerija tista 'titħallat u titqabbel ma' React. Bit-tkabbir tagħha, issa hemm għodod CLI, bħal Next.js u Create React App.
- Vue.js. L-istruttura ta 'pre-kodifikazzjoni ta' Vue tippermetti skjerament ta 'app malajr mingħajr ma tipperikola l-prestazzjoni tal-app. Tista 'tikseb dak li għandek bżonn fl-iżvilupp b'kmand sempliċi. Ma 'Vue, l-iżvilupp ta' app huwa faċli u veloċi, u għalhekk huwa għażla ideali għal negozji żgħar jew startups.
Il-Komunità ta ’Appoġġ
- Angular.js. Mit-tnedija tiegħu, Google żammha u appoġġjaha, aġġornata kull sitt xhur. Barra minn hekk angolari ntuża minn kumpaniji distinti fid-dinja, bħal Adobe, Microsoft, Freelancer, Apple, eċċ.
- React.js. Jipprovdi funzjonijiet ta 'qafas sinjuri. L-organizzazzjonijiet ewlenin li jużawh jinkludu Netflix, Instagram, Yahoo, Dropbox, Whatsapp, Airbnb, Microsoft, u aktar.
- Vue.js. Filwaqt li huwa membru ġdid, m'għandux komunità attiva ħafna simili għal Angular u React. Madankollu, għadu jintuża minn kumpaniji ewlenin, inklużi Gitlab, Alibaba, EuroNews, u ħafna iktar.
Ħjiel dwar X'tagħżel
Angular huwa pakkett komplet, li joffri d-dritt kollu mill-ħin tal-iżvilupp sal-ittestjar meta tiżviluppa app tal-web. Il-librerija React flessibbli teħtieġ appoġġ minn libreriji oħra biex tiżviluppa web apps. Vue hija taħlita ta 'React u Angular, li żżid l-effiċjenza, is-sempliċità u l-veloċità għal kwalunkwe proġett ta' żvilupp ta 'app tal-web.
- Mur għal Angular.js jekk għandek bżonn:
- Qafas skalabbli u affidabbli
- Biex tiżviluppa app fuq skala kbira b'ħafna karatteristiċi
- Żviluppa apps nattivi, web apps jew apps ibridi li huma proġetti ta 'investiment sostanzjali u għal żmien twil
- Żviluppa app f'ħin reali bħal messaġġ jew chat apps
- Programmar orjentat lejn l-oġġett
- Kodifikazzjoni TypeScript
- Mur għal React.js jekk għandek bżonn:
- Qafas flessibbli li jiżgura soluzzjonijiet ta 'żvilupp tal-web siguri
- Żviluppa apps bejn il-pjattaformi jew applikazzjonijiet b'paġna waħda
- Espandi l-funzjonalità eżistenti tal-app
- Żviluppa apps moderni ħfief u ta 'grad ta' intrapriża malajr
- Appoġġ u soluzzjoni komunitarji sodi
- Mur għal Vue.js jekk għandek bżonn:
- Applikazzjonijiet veloċi, ta 'prestazzjoni għolja u intelliġenti
- Emigra minn proġett eżistenti għal qafas modern iżda b'riżorsi limitati
- Agħżel qafas li jiżgura ż-żmien bikri għas-suq
- Uża wieħed appoġġjat mill-komunità aktar milli minn kumpanija
- Żviluppa app ħafifa u żgħira bħal Grammarly
Ħu Away
Tassew hemm daqstant oqfsa ta 'JavaScript. Madankollu, React, Angular, u Vue huma l-ġganti reali tal-ekosistema li qed tevolvi malajr. Il-gwida tat-tqabbil hija biex tgħinek tifhem l-isfond u l-funzjonijiet tal-oqfsa biex tagħmel għażla infurmata tajjeb.
Bio Author:
Olivia Diaz qed taħdem eTatvaSoft, Kumpanija għall-Iżvilupp tal-Applikazzjoni Mobbli fil-livell tal-Intrapriża. Peress li hija geek tat-teknoloġija, hija żżomm għassa mill-qrib fuq l-industrija li tiffoka fuq l-aħbarijiet u l-aġġeġġi ta 'l-aħħar teknoloġija. Segwini fuq twitter.
