Lokacin fara sabon aikin ci gaban yanar gizo, zaɓuɓɓuka don ɗakunan karatu na gaba-gaba da tsarin sun zama masu ƙarfi sosai. Kashin bayan aikace -aikacen gidan yanar gizo ba shakka JavaScript ne. Yawancin masu haɓaka software, duk da haka, har yanzu suna cikin mawuyacin hali kan abin da tsarin JS na gaba ya fi dacewa da ayyukan ci gaban su. Daga cikin mashahuran tsarin, a yau sun haɗa da React, Vue, da Angular.
Shin zai zama Angular, React, ko Vue a cikin 2020?
Kowane mai haɓaka yana da ƙwarewa daban -daban da matakin ilimi, kwanakin ƙarshe, rikitarwa, buƙatun aikin musamman, da sauransu. Don haka, ba lallai bane idan misali, React shine zaɓin masu haɓaka 30,000, shima zai dace da buƙatun ku. Ga ƙungiyar kasuwanci, waɗanne ayyuka za su nema a lokacin? Shin zai zama React JS sabis, sabis na AngularJS, ko ayyukan ci gaban VueJS? Bari mu tsoma cikin waɗannan abubuwan uku kuma mu kwatanta su dalla -dalla don samun damar yin zaɓin mafi sani.
An Bayani
Tsarin, wanda Facebook ya kirkiro shine sanannen wanda ake amfani dashi don ginawa da aiki da babban UI na shafukan yanar gizo. Angular, a gefe guda, shine mafi inganci, iko, kuma tushen tushen JavaScript wanda ake amfani dashi don haɓaka SPA ko Aikace-aikacen Shafi Guda. Koyaya, babbar ƙungiyar masu haɓakawa da membobi sun sami goyon baya na Vue don tallafawa ɗakunan karatu waɗanda ke taimakawa kokawa da rikitarwa da manyan aikace-aikacen shafi ɗaya suke da shi.
Vue yana da duk halayen ɗabi'a na React da Angular. Kuma saboda wannan, tsarin ya zama sananne cikin ɗan gajeren lokaci ba tare da nuna alamun raguwa ba.
Tarihin
Amsa.js
An ƙaddamar da shi a cikin 2013, yana da manufa mai sauƙi na raba Maɓallin Mai amfani a cikin rukunin abubuwan haɗin don sauƙaƙe aiwatar da haɓaka musaya na gani. Ana amfani da shi don ƙirƙirar aikace-aikacen shafi guda ɗaya ta hanyar aiwatar da sabon fasali mai ban mamaki, wanda shine DOM mai kama-da-wane. Ba wai kawai tushen buɗewa ba ne, amma kusan masu haɓaka miliyan uku na aikace-aikacen ƙarshen-aikin sun karɓe shi.
Bayan haka, sannu a hankali an warware matsalolin ƙirar tsarin. A cikin 2014, sannan ya sami kyakkyawan suna. Manyan kamfanonin da ke amfani da wannan tsarin sune Facebook da Instagram wanda ƙara shahararsa na React JS ayyukan haɓakawa cikin al'umma.
Angular.js
A cikin 2010, an ƙaddamar da sigar farko azaman app na ƙarshen-gaba. Saurin ci gaba zuwa 2016, babban ƙungiyar Google ta fito da Angular wanda ya dogara gaba ɗaya akan ginshiƙai uku, RXJS, TypeScript, da Zone.js. Tsarin yau ya sauke jigon JS bayan sakin Angular 2+ na ƙarshe a ranar 28 ga Mayu na bara. Shahararrun kamfanonin da ke amfani da Angular a yau sune Wix da Google. Sabis na wani Kamfanin Ci Gaban AngularJS ya zama cikin buƙata.
Duba.js
An sake shi ta hanyar Evan You, tsohon injiniyan Google, Vue na iya zama ƙarami amma duk da haka shine mafi ƙarfin memba na Tsarin Tsarin JavaScript. Tsarin ya fito da sigar 2.6.10 a cikin Maris na 2019 don kawar da duk iyakokin duk sauran tsarin JS. Bugu da ƙari, yana ba da sassauci don ƙirƙirar matakin gaba na aikace -aikacen yanar gizo ba tare da matsala ba. Alibaba da GitLab suna daga cikin mahimman masu amfani da Vue a yau, suna amfana da ƙwarewa da amincin wani Kamfanin ayyukan ci gaba na VueJS.
The abũbuwan amfãni
Amsa.js
1. Yana tabbatar da bayarwa da sauri. Samar da ƙaƙƙarfan ƙa'idar da ake buƙata tana la'akari da yadda tsarin zai shafi aikin gaba ɗaya. Hatta sabbin injina da dandamali ba za su iya tabbatar da rashin cikas ba tunda DOM ko ƙirar ƙirar kayan aiki shine tsari kamar bishiya har ma da ƙananan canje -canje na iya haifar da ɓarna mai ɓarna ga ƙirar. DOM na kama -da -wane idan React ya sa yana da fa'ida sosai don mafita mai ɗorewa.
2. Yana sauƙaƙa ƙarin kulawa kuma yana haɓaka yawan aiki. Sabuntawa sau da yawa suna juyawa zuwa ciwon kai tunda aikace -aikacen yana da rikitarwa mai ma'ana kuma canje -canje a cikin sashi ɗaya na iya shafar wasu. React yana haɓaka tare da ikon sake amfani da abubuwan tsarin, waɗanda masu haɓakawa ke ayyana a matsayin ɗayan mafi kyawun fasalin React.
3. SEO-friendly. Wani fa'idar ita ce ikon magance gazawar injin binciken gama gari don karanta aikace-aikacen JavaScript mai nauyi. React zai iya gudana akan sabar, wanda ke bayarwa da mayar da DOM mai kama -da -wane zuwa cikin mai bincike azaman gidan yanar gizo na yau da kullun.
4. Yana da kayan aikin haɓaka kayan taimako. Koyon sabbin fasahohi da yin amfani da su a aikin gaba zai iya. Amfanin React shine ɗaukar hoto yayin tsara kayan aiki da cire kuskure. Kayan aikin React Developer shine haɓaka mai bincike don Firefox da Chrome, wanda ke ba masu haɓaka damar lura da tsarin tsarin, bincika abubuwan yau da kullun da yanayin, da gano abubuwan yara da na iyaye.
5. Yana bada garantin lambar karko. Don tabbatar da cewa koda canje -canje kawai da ke faruwa a cikin tsarin yaro ba zai shafi iyaye ba, React kawai yana amfani da kwararar bayanan ƙasa. Tare da canza wani abu, mai haɓakawa kawai zai canza yanayin sa, yi canje -canje sannan takamaiman abubuwan da aka sabunta kawai za a sabunta su.
Angular.js
1. Module. Ana iya ɗaukar aikace-aikacen tushen kusurwa a matsayin wuyar warwarewa wanda ake buƙatar kowane juzu'i don ganin cikakken hoto. Akwai hanyoyi da yawa na ƙara abubuwa daban -daban. Angular yana warware batun amfani da aikin duniya ta hanyar sanya iyakance ga duk ayyukan ayyukan da aka ayyana da amfani dasu.
2. Ingantaccen tsarin gine -gine. Wasu daga cikin manyan manhajojin yanar gizo suna da abubuwa da yawa. Angular yana daidaita hanyoyin sarrafa abubuwan koda koda sabon mai shirye -shirye ya hau aikin bayan an fara ci gaba. An ƙirƙiri gine -ginen ta hanyar da ke taimaka wa mai shirye -shirye sauƙin ganowa da haɓaka lambar.
3. Dogaro da Allura da Sabis. Bangaren ko sabis wani lokaci yana iya buƙatar wasu sabis na dogaro don cika aiki. Ana amfani da ƙirar dogaro mai ƙarfi don cika dogaro, raba aikin tsakanin ayyuka daban -daban. Za a ƙirƙiri abin da ke dogara kuma an yi masa allurar da Angular injector, wanda ke da alhakin ƙirƙirar lokutan sabis sannan ya sanya su cikin azuzuwan kamar ayyuka da abubuwan haɗin gwiwa.
4. Lambar tsabtace da sikeli mafi girma. Ana amfani da TypeScript don rubuta tsarin. Yana yin cikakken aiki tare da JavaScript kuma yana taimakawa gani da kawar da kuskuren lamba na kowa.
5. Umurni na al'ada. Umurni na al'ada yana haɓaka ayyukan HTML kuma cikakke ne don ƙa'idodin ƙa'idodin abokin ciniki. Dukkansu suna farawa da prefix na 'ng' don haka HTML zai iya gane su.
Duba.js
1. Karami. Ƙaramin girman, da ƙari za a yi amfani da shi. Ofaya daga cikin manyan fa'idodin Vue shine ƙarami. Girman shine kawai 18-21KB kuma baya ɗaukar lokaci kwata-kwata don mai amfani ya sauke sannan yayi amfani dashi.
2. sassauci. Wani babban fa'idar Vue shine babban sassauci. Yana ba masu amfani damar rubuta samfuri a cikin fayil ɗin JavaScript, fayil ɗin HTML, da fayil ɗin JS mai tsabta tare da amfani da nodes masu kama -da -wane. Haka kuma, sassaucin yana sauƙaƙa fahimta ga masu haɓaka sauran tsarin JS.
3. Mai sauƙin fahimta. Vue ya shahara sosai saboda yana da sauƙin fahimta. Mai amfani zai iya ƙara Vue.js cikin sauƙin aikin yanar gizo saboda tsarin sa mai sauƙi. Bugu da ƙari, yana da ingantaccen tsarin gine-gine don rarrabe hanyoyin juzu'in rayuwa, bayanai, da hanyoyin al'ada.
4. Haɗin kai mai sauƙi. Masu haɓaka yanar gizo na iya haɗawa da ƙa'idodin da ake da su saboda Vue kasancewa tushen tushen JavaScript. Babu larura don saita kumburi da npm don fara amfani da Vue.js. Ma'ana cewa yana da amfani don haɓaka sabbin ƙa'idodin gidan yanar gizo da kuma canza ƙa'idodin da suka rigaya.
5. Sadarwa ta hanyoyi biyu. Saboda ginin MVVM, Vue na iya sauƙaƙe hanyoyin sadarwa guda biyu, yana sauƙaƙe sarrafa tubalan HTML. Duk wani canje -canje da aka yi a cikin UI an wuce zuwa bayanan kuma canje -canjen da aka yi a cikin bayanan za su bayyana a cikin UI.
Shahara A 2020
Yin la’akari da yanayin Stack Overflow Trends, GitHub, da NPM, ana iya kafa wurin kasuwa na waɗannan fannoni uku.
- Stack Overflow Trends. React yana saman, yana barin Angular na biyu. React ya fito yana samun kaso mafi tsoka, sannan Angular ya biyo baya. Koyaya, shaharar Vue tana ci gaba da ƙaruwa a cikin shekarun da suka gabata.
- Yanayin GitHub. An kimanta Vue sosai, sannan React ya biyo baya. Akwai ƙididdiga masu ban mamaki amma masu ban sha'awa da GitHub Repositories suka bayyana. React a gefe guda yana da mafi yawan kallo da ƙimar Fork. Vue, duk da haka, yana da mafi farawa.
- Hanyoyin NPM. Sakamakon ya zama React yana samun mafi yawan zazzagewa da abubuwan da aka zaɓa, sannan Vue ya biyo baya. Duk da haka, ba yana nufin sun kasance mafi kyau ba. Don ƙayyade mafi kyawun zaɓi, dole ne ku bincika ƙarin safiyo.
Performance
Ofaya daga cikin mahimman fannonin aikace-aikacen gaba-gaba shine aiki. Ana ɗaukar DOM azaman Haɗin Mai amfani na kowane aikace -aikacen a cikin kimanta ayyukan tsarin uku.
Angular.js
Yana amfani da DOM na ainihi kuma mafi kyau don aikace-aikacen shafi-guda ɗaya wanda ake sabunta abun ciki lokaci-lokaci. Duk canje-canjen da aka yi a cikin Model zuwa ra'ayoyi ana yin su tare da yin amfani da tsarin ɗaurin kwana biyu wanda ke maimaita canje-canjen da aka yi a cikin Model zuwa ra'ayoyi cikin fahimta da aminci.
Ƙasa: Saboda fasalulluka da yawa, yana rage jinkirin aiwatarwa yayin fassara aikin zuwa manyan aikace -aikace, fiye da Vue da React.
Amsa.js
Yana yin amfani da Virtual DOM, yana haɓaka aikin app a kowane girman da ke buƙatar sabunta abun ciki akai -akai. Dangane da kwararar bayanai guda ɗaya, wannan yana ba da mafi kyawun iko akan duk aikin.
Ƙasa: Yayin da yake canzawa koyaushe, masu haɓakawa suna sabunta ƙwarewar su akai -akai don dacewa da sabbin abubuwa. Komai yana canzawa, don haka akwai lokutan da Kattai na fasaha ba za su ji daɗin yin aiki da su ba.
Duba.js
Yana da duk kyawawan abubuwa na Angular da React, don haka yana amfani da DOM mai kama da kai don isar da babban ƙimar ƙwaƙwalwar ajiya da aiki.
Ƙasa: Vue, kasancewa sabon memba yana da mafi ƙarancin tallafin tallafi.
Mai kusurwa vs React vs. Vue a cikin Hijira
Yin ƙaura daga sigar zuwa sigar a wasu lokuta na iya zama matsala ga masu haɓakawa. Idan aka kwatanta tsarin ƙaura na React, Angular, da Vue a cikin 2020, zaku yi mamakin gano cewa Vue shine mafi sauri da sauƙi don haɓakawa.
Angular.js
Ana fitar da manyan abubuwan sabuntawa sau biyu a shekara. Bugu da ƙari, akwai sauran watanni shida kafin a ƙi duk wani babban API. A ƙarshe yana nufin masu haɓakawa za su sami juzu'in sakin watanni biyu don yin canje-canjen da suka dace.
Amsa.js
Haɓaka haɓakawa ta hanyar juzu'i galibi ana samun sauƙin amfani idan aka kwatanta da Angular da Vue. Ana tabbatar da kwanciyar hankali na ƙaura daga sigar zuwa sigar ta rubutun kamar React code-mod. Facebook ya kuma yi imanin cewa babban abin damuwa shine kwanciyar hankali tunda manyan kamfanoni da yawa na duniya, kamar Twitter da Airbnb suna amfani da React.
Duba.js
Ana samun zaɓin ƙaura mafi wayo a cikin Vue. Masu haɓaka yanar gizo kawai dole ne su yi amfani da kayan aikin taimako na ƙaura don yin canje -canjen gidan yanar gizo tunda kashi 90 na APIs sun kasance iri ɗaya idan kun zaɓi ƙaura daga 1.x zuwa 2.
Hanyar Koyo
Ga kowane tsari, tsarin koyo bai takaita kawai da yin lamba ba. Damuwa ta gaskiya shine yadda yake da sauƙin cirewa da gwadawa, musamman lokacin gudanar da manyan ayyuka tare da yalwar lambobi.
Dukansu Angular da React akan bakan guda ɗaya suna buƙatar samun ƙwarewa da ilimin JavaScript mai yawa idan yazo ga yanke shawara na ɗakunan karatu na ɓangare na uku. Yawancin kamfanoni, a gefe guda, suna canzawa zuwa Vue da sauri tunda yana da tsarin koyo mafi sauƙi idan aka kwatanta da su biyun.
Duk da hakan, yawancin masu haɓaka app sun fi son React tunda yana ba su damar gina app a cikin sabbin hanyoyin zamani, sabanin Vue da ke bin tsohuwar hanyar har yanzu. Ba tare da la’akari da faɗuwar shaharar Angular ba, yana sauka a cikin manyan ukun a cikin tsarin JS tunda yana ba da bayani da bayyananniyar saƙo ga masu haɓaka don gyara batutuwan cikin sauri.
Girman Tsarin
Vue da React ya dace da aikace-aikacen nauyi mai nauyi yayin la'akari da girman kowane tsari da ɗakin karatu. Angular, duk da haka, ya dace sosai don ƙa'idodin nauyi da rikitarwa. Angular kusan yana da girman 500 KB, React 100 KB, da Vue tare da girman 80 KB. Ta yaya waɗannan girman tsarin ke tasiri ayyukan software na kasuwanci?
- Angular.js. Yana da fannoni daban -daban, wanda, daga samfura zuwa kayan aikin gwaji yana ƙarfafa masu haɓakawa. Don babban sikelin da ƙaƙƙarfan app, Angular shine mafi kyawun zaɓi.
- Amsa.js. Ba iri ɗaya bane da Angular kuma baya samar da ɗimbin ɗakunan karatu kamar Angular. Don haɓaka yanar gizo na zamani, React saboda haka cikakke ne.
- Duba.js. Mafi ƙanƙanta kuma mafi dacewa don yanar gizo mai sauƙi da haɓaka aikace-aikacen shafi ɗaya. Vue shine mafi kyawun zaɓi don ƙarami da sauƙi don samun damar ɗakin karatu.
Gudun Aiki
- Angular.js. Babban fa'ida wanda ke kula da komai, daga ƙirƙirar aikin zuwa inganta lambar. Don ɗaukar kayan aiki gaba ɗaya, shine mafi ƙalubalen tsarin. Duk da haka, yana ba da zaɓuɓɓukan zaɓuɓɓuka masu yawa, don haka masu haɓakawa za su iya samun ƙaƙƙarfan ƙa'idar da aka inganta sosai don turawa ga kowane mai watsa shiri tsaye tare da umarni ɗaya.
- Amsa.js. Ko da ba ta zo da lambobi iri ɗaya kamar Angular ko Vue ba, lokacin magana game da sassauci shine mafi kyau. Kowane ɗakin karatu za a iya haɗe shi kuma ya dace da React. Tare da haɓakawa, yanzu akwai kayan aikin CLI, kamar Next.js da Create React App.
- Duba.js. Tsarin riga-kafi na Vue yana ba da damar tura aikace-aikacen cikin sauri ba tare da ɓata aikin app ɗin ba. Kuna iya samun abin da kuke buƙata a ci gaba tare da umarni mai sauƙi. Tare da Vue, haɓaka aikace -aikacen yana da sauƙi da sauri, saboda haka zaɓi ne mai kyau don ƙananan kasuwancin ko farawa.
Ƙungiyar Tallafawa
- Angular.js. Tun lokacin da aka ƙaddamar da shi, Google ya ci gaba da tallafa masa, ana sabunta shi kowane watanni shida. Har ila yau ana amfani da kusurwa ta manyan kamfanoni a duniya, kamar Adobe, Microsoft, Freelancer, Apple, da sauransu.
- Amsa.js. Yana bayar da ayyuka na tsarin arziki. Manyan ƙungiyoyin da ke amfani da ita sun haɗa da Netflix, Instagram, Yahoo, Dropbox, Whatsapp, Airbnb, Microsoft, da ƙari.
- Duba.js. Yayin sabon memba, ba shi da al'umma mai aiki mai kama da Angular da React. Koyaya, manyan kamfanoni har yanzu suna amfani dashi, gami da Gitlab, Alibaba, EuroNews, da ƙari mai yawa.
Nasihu akan Abin da Zabi
Angular cikakken fakiti ne, yana ba da duk haƙƙoƙi daga lokacin haɓakawa zuwa gwaji lokacin haɓaka aikace -aikacen yanar gizo. Labarin ɗakin karatu mai sassauƙa yana buƙatar tallafi daga wasu ɗakunan karatu don haɓaka ƙa'idodin gidan yanar gizo. Vue cakuda React da Angular, yana ƙara inganci, sauƙi, da sauri ga kowane aikin haɓaka aikace -aikacen yanar gizo.
- Je zuwa Angular.js idan kuna bukata:
- Tsarin daidaitacce kuma abin dogaro
- Don haɓaka ƙaƙƙarfan fasali, babban app
- Haɓaka ƙa'idodin asali, ƙa'idodin yanar gizo ko ƙa'idodin ƙa'idodi waɗanda manyan ayyukan saka hannun jari ne kuma na dogon lokaci
- Haɓaka aikace-aikacen ainihin-lokaci kamar saƙon ko aikace-aikacen taɗi
- Shirye-shirye na daidaitaccen abu
- Rubutun TypeScript
- Je zuwa Amsa.js idan kuna bukata:
- Tsarin sassauƙa wanda ke tabbatar da amintattun hanyoyin haɓaka yanar gizo
- Haɓaka aikace-aikacen giciye ko aikace-aikacen shafi ɗaya
- Fadada ayyukan da ke akwai na ƙa'idar
- Haɓaka ƙaƙƙarfan nauyi da ƙa'idodin ƙa'idodi na zamani cikin sauri
- Ƙarfafa goyon bayan al'umma da mafita
- Je zuwa Duba.js idan kuna bukata:
- Mai sauri, babban aiki da aikace-aikacen wayo
- Yi ƙaura daga aikin da ake da shi zuwa tsarin zamani amma da ƙarancin albarkatu
- Zaɓi tsarin da ke tabbatar da farkon lokacin kasuwa
- Yi amfani da wanda al'umma ke tallafawa maimakon kamfani
- Haɓaka ƙaƙƙarfan nauyi da ƙaramin app kamar Grammarly
Take Away
Tabbas akwai tsarin JavaScript da yawa. Koyaya, React, Angular, da Vue su ne ainihin ƙattai na yanayin yanayin saurin ci gaba. Jagorar kwatancen shine don taimaka muku fahimtar asalin da ayyukan sassan don yin zaɓin da aka sani.
Author Bio:
Olivia Diaz yana aiki a eTatvaSoft, wani Kamfani na Ƙaddamar da Aikace -aikacen Waya. Kasancewar masanin fasahar fasaha, tana sa ido sosai kan masana'antar tana mai da hankali kan sabbin labarai da na'urori na fasaha. Ku biyo ni Twitter.
