Мундариҷа
- 01. кунҷӣ
- 02. вокуниш нишон диҳед
- 03. Vue
- Синтаксиси чаҳорчӯбаҳо чӣ гуна муқоиса мекунанд?
- Маъруфият ва бозор
- Таҳияи барномаҳои мобилӣ
- Дигар чаҳорчӯбаҳое, ки бояд дар соли 2020 ба назар гирифта шаванд
- Хулоса
Дар соли 2020, мо як қатор чаҳорчӯба ва китобхонаҳоро баракат медиҳем, ки ба мо дар рушди веб кумак кунанд. Аммо на ҳамеша ин қадар гуногун буданд. Ҳанӯз дар соли 2005, як забони нави скриптӣ бо номи Mocha аз ҷониби як бача бо номи Брендан Эйч сохта шуда буд. Як моҳ пас аз тағир ёфтан ба LiveScript, ном дубора ба JavaScript иваз карда шуд. Аз он вақт, JavaScript роҳи тӯлониеро тай кардааст.
Дар соли 2010 мо ҷорӣ намудани Backbone ва Angular -ро ҳамчун чаҳорчӯби аввалини JavaScript дидем ва то соли 2016 92 фоизи ҳамаи вебсайтҳо JavaScript -ро истифода бурданд. Дар ин мақола, мо ба се чаҳорчӯбаи асосии JavaScript (Angular, React ва Vue) ва мақоми онҳо дар даҳсолаи оянда нигарем. Мехоҳед сайти худро созед? Ин рӯйхати созандагони вебсайтро санҷед.
Барои баъзе манбаъҳои олиҷаноб, рӯйхати асбобҳои беҳтарини тарроҳии веб, хидматрасонии хостинги веб ва ин рӯйхати нармафзори аълои санҷиши корбаронро низ санҷед.
01. кунҷӣ
AngularJS соли 2010 бароварда шуда буд, аммо то соли 2016 он пурра аз нав сабт карда шуд ва ҳамчун Angular 2 бароварда шуд. Angular як чаҳорчӯбаи пурраи веб мебошад, ки онро Google таҳия кардааст, ки онро Wix, Upwork, The Guardian, HBO ва ғайра истифода мебаранд.
Тарафдор:
- Дастгирии истисноӣ барои TypeScript
- MVVM ба таҳиягарон имкон медиҳад, ки бо истифода аз ҳамон маҷмӯи додаҳо корҳоро дар як қисмати барнома ҷудо кунанд
- Ҳуҷҷатҳои аъло
Омӯз:
- Як каме каҷнамои омӯзишӣ дорад
- Муҳоҷират аз версияи кӯҳна метавонад душвор бошад.
- Навсозӣ мунтазам ҷорӣ карда мешаванд, зеро таҳиягарон бояд ба онҳо мутобиқ карда шаванд
Баъд чӣ мешавад?
Дар Angular 9 Ivy мураттиби пешфарз мебошад. Он барои ҳалли бисёр масъалаҳо дар атрофи иҷрои ва андозаи файл ҷойгир карда шудааст. Он бояд барномаҳоро хурдтар, тезтар ва соддатар кунад.
Вақте ки шумо версияҳои қаблии Angular -ро ба React ва Vue муқоиса мекунед,
Ҳаҷми ниҳоии бастабанд ҳангоми истифодаи Angular хеле калонтар буданд. Ivy инчунин имкон медиҳад, ки Hydration Progressive, ки ин чизест, ки дастаи Angular дар I / O 2019 нишон дод. Progressive Hydration Ivy -ро барои бор кардани пай дар пай ба сервер ва муштарӣ истифода мебарад. Масалан, вақте ки корбар бо саҳифа ҳамкорӣ мекунад, рамзи компонентҳо дар якҷоягӣ бо ҳар вақти корӣ қисм ба қисм оварда мешавад.
Ivy ба назар мерасад, ки диққати калон барои Angular идома дорад ва умедвор аст, ки онро барои ҳамаи барномаҳо дастрас кунад. Дар варианти 9 варианти радкунӣ мавҷуд аст, то он даме ки то Angular 10.
02. вокуниш нишон диҳед
React ибтидо соли 2013 аз ҷониби Facebook бароварда шуда буд ва барои сохтани веб интерфейсҳои интерактивӣ истифода мешавад. Онро Netflix, Dropbox, PayPal ва Uber истифода мебаранд, то чандеро номбар кунед.
Тарафдор:
- React DOM виртуалиро истифода мебарад, ки ба иҷрои он таъсири мусбат мерасонад
- Навиштани JSX осон аст
- Навсозӣ ба субот халал намерасонад
Омӯз:
- Яке аз нокомиҳои асосӣ ниёз ба китобхонаҳои тарафи сеюм барои эҷоди замимаҳои мураккабтар аст
- Таҳиягарон дар роҳи беҳтарини рушд дар торикӣ мондаанд
Баъд чӣ мешавад?
Дар React Conf 2019, дастаи React ба як қатор чизҳое, ки онҳо кор мекарданд, дахл кард. Аввалаш Интихоби Hydration аст, ки дар он ҷо React ҳар чизе, ки кор карда истодааст, таваққуф мекунад, то ҷузъҳоеро, ки корбар бо онҳо ҳамкорӣ мекунад, афзалият диҳад. Ҳангоме ки корбар барои ҳамкорӣ бо як бахши мушаххас мегузарад, он минтақа об хоҳад шуд. Гурӯҳ инчунин дар Suspense кор кардааст, ки системаи React барои ташкили боркунии рамз, маълумот ва тасвирҳо мебошад. Ин ба компонентҳо имкон медиҳад, ки пеш аз расидан чизе интизор шаванд.
Ҳардуи обхезии интихобӣ ва боздоштан тавассути режими ҳамзамон имконпазир мебошанд, ки ба барномаҳо имкон медиҳад, ки тавассути реаксия қобилияти ворид кардани блокҳои калони кори афзалиятноки пасттарро ба назар гиранд, то ба чизи афзалиятноктар диққат диҳед, ба монанди посух додан ба вуруди корбар. Гурӯҳ инчунин дастрасиро ҳамчун як соҳаи дигаре, ки онҳо диққати худро ба ду мавзӯи мушаххас - идоракунии фокус ва интерфейсҳои вурудӣ равона кардаанд, қайд кард.
03. Vue
Vue соли 2014 аз ҷониби корманди собиқи Google Evan You таҳия шудааст. Онро Xiaomi, Alibaba ва GitLab истифода мебаранд. Vue тавонист дар муддати кӯтоҳ ва бидуни дастгирии бренди асосӣ маъруфият ва дастгирии таҳиягаронро ба даст орад.
Тарафдор:
- Андозааш хеле сабук
- Шурӯъкунандагон дӯстона - омӯхтан осон аст
- Ҷомеаи бузург
Омӯз:
- Аз ҷониби як ширкати азиме дастгирӣ карда намешавад, ба монанди React with Facebook ва Angular with Google
- Сохтори воқеӣ нест
Баъд чӣ мешавад?
Vue дар назди худ мақсад гузоштааст, ки зудтар, хурдтар, нигоҳдоранда ва ҳадафи таҳиягаронро барои таҳиягарон осонтар кунад (агар шумо дар нигоҳ доштани мушкилот дучор оед, хидмати хостинги вебро баррасӣ кунед). Нашри навбатӣ (3.0) бояд ба Q1 2020 ворид шавад, ки азнавсозии виртуалии DOM-ро барои иҷрои беҳтар дар якҷоягӣ бо дастгирии беҳтаршудаи TypeScript дар бар мегирад. Инчунин илова кардани API Composition мавҷуд аст, ки ба таҳиягарон усули нави сохтани ҷузъҳо ва ба ҷои амалиёт аз рӯи хусусиятҳо тартиб додани онҳоро фароҳам меорад.
Онҳое, ки Vue таҳия мекунанд, инчунин бо кор дар Suspense банд буданд, ки пешниҳоди компоненти шуморо бозмедорад ва то иҷро шудани шарт як ҷузъи дубора пешниҳод мекунад.
Яке аз чизҳои олиҷаноб бо навсозиҳои Vue ин мутобиқати қафо мебошад. Онҳо намехоҳанд, ки шумо лоиҳаҳои қадимаи Vue-ро вайрон кунед. Мо инро дар муҳоҷирати аз 1.0 то 2.0 дидем, ки 90 фоизи API яксон буд.
Синтаксиси чаҳорчӯбаҳо чӣ гуна муқоиса мекунанд?
Ҳар се чаҳорчӯба пас аз баромади худ ба тағирот дучор шуданд, аммо як чизи муҳим барои фаҳмидани ин синтаксис ва чӣ гуна фарқ кардани он аст. Биёед бубинем, ки чӣ гуна синтаксис ҳангоми ҳатмии воқеаи оддӣ муқоиса карда мешавад:
Садо: Дар v-on директива барои замима кардани шунавандагони ҳодиса, ки усулҳоро дар ҳолатҳои намунаи Vue истифода мебаранд, истифода мешавад. Директиваҳо бо префикс гузошта мешаванд v- то нишон диҳанд, ки онҳо сифатҳои махсуси аз ҷониби Vue пешниҳодшуда мебошанд ва рафтори махсуси реактивиро ба DOM-и додашуда татбиқ мекунанд. Коркарди рӯйдодҳо метавонанд дар хатти дохилӣ ё ҳамчун усули пешниҳод карда шаванд.
Шаблон> тугмаи v-on: click = "clickHandler"> Маро пахш кунед / тугма> / шаблон> скрипт> содироти пешфарз {ном: "HelloWorld", усулҳо: {clickHandler: function () {console.log ("Ман клик шудам! ”); }}}; / скрипт>
Вокуниш: Реакт ишора ва мантиқро дар JS ва JSX, тавсеаи синтаксис ба JavaScript мегузорад. Бо JSX, функсия ҳамчун коркарди ҳодиса қабул карда мешавад. Муносибати рӯйдодҳо бо унсурҳои React ба муносибат бо рӯйдодҳои DOM хеле монанд аст. Аммо баъзе фарқиятҳои синтаксисӣ мавҷуданд; масалан, рӯйдодҳои Реакт бо истифода аз camelCase ба ҷои ҳарфҳои хурд номгузорӣ мешаванд.
Функсияи Тугма () {function clickHandler (e) {console.log ("Ман клик шудам"); } тугмаи бозгаштан onClick = {clickHandler}> Маро пахш кунед! / тугма>; }
Кунҷӣ: Синтаксиси ҳатмии рӯйдод аз номи рӯйдоди мақсаднок дар қавс дар тарафи чапи аломати баробар ва изҳороти қолаби иқтибосшуда дар тарафи рост иборат аст. Интихобан, шумо метавонед аз дар префикс, ки ҳамчун шакли каноникӣ маълум аст.
@Component ({selector: "app-click-me", template: `button (click) =" onClickMe () "> Click me! / Button>`}) class export ClickMeComponent {onClickMe () {console.log (" Шумо маро зер кардед! ”); }}
Маъруфият ва бозор
Биёед аз дидани тасвири умумии се чаҳорчӯба нисбати қисми боқимондаи веб тавассути санҷиши омори W3Techs оғоз кунем. Дар айни замон Angular аз ҷониби 0.4 фоизи тамоми вебсайтҳо истифода мешавад, ки ҳиссаи бозори китобхонаи JavaScript 0,5 фоизро ташкил медиҳад. Реактро 0,3 фоизи ҳамаи вебсайтҳо ва ҳиссаи 0,4 фоизи JavaScript дар китобхонаи бозор истифода мебаранд ва Vue барои ҳарду 0,3 фоизро ташкил медиҳад. Чунин ба назар мерасад, ки шумо интизор ҳастед, ки рақамҳо афзоиш хоҳанд ёфт.
Тамоюлҳои Google: Дар тӯли 12 моҳи охир, React маъмултарин дар истилоҳҳои ҷустуҷӯ аст, ки онро Angular пайгирӣ мекунад. Vue.js як роҳи хеле қафо аст; аммо, як чизро бояд дар хотир дошт, ки Vue дар муқоиса бо ду нафари дигар ҳанӯз ҷавон аст.
Ҷустуҷӯҳои корӣ: Дар замони навиштан, React ва Angular аз лиҳози ҷойҳои корӣ дар ҳақиқат бо Vue хеле ба ҳам наздик буданд. Аммо, дар LinkedIn, талабот ба таҳиягарони Vue зиёдтар аст.
Афзоиши анбор: Агар шумо ба натиҷаҳои пурсиши таҳиягари Stack Overflow Developer барои соли 2019 назар кунед, React ва Vue.js ҳам чаҳорчӯби вебҳои аз ҳама дӯстдошта ва хоста мебошанд. Angular дар ҷои нӯҳум нишастааст, зеро аз ҳама дӯстдошта, аммо сеюм аз ҳама бештар мехоҳанд.
GitHub: Vue шумораи зиёди ситораҳоро бо 153k дорад, аммо шумораи камтарини саҳмгузоронро дорад (283). Аз тарафи дигар, аксуламал 140k ситора ва 1341 саҳмгузор дорад. Angular танҳо 59,6k ситора дорад, аммо шумораи онҳо дар байни се нафар бо 1.579 зиёдтаранд.
Тамоюлҳои NPM: Дар тасвири дар боло овардашуда омори 12 моҳи охир нишон дода шудааст, ки дар он шумо мебинед, ки React дар муқоиса бо Angular ва Vue миқдори зиёди зеркашиҳо дар як моҳ дорад.
Таҳияи барномаҳои мобилӣ
Як диққати асосӣ барои се чизи калон ин ҷойгиркунии мобилӣ мебошад. React дорои React Native аст, ки интихоби маъмул барои сохтани барномаҳои iOS ва Android на танҳо барои корбарони React, балки барои ҷомеаи васеътари барномасозӣ шудааст. Таҳиягарони кунҷӣ метавонанд NativeScript -ро барои барномаҳои ватанӣ ё Ionic барои барномаҳои мобилии гибридиро истифода баранд, дар ҳоле ки таҳиягарони Vue интихоби NativeScript ё Vue Native доранд. Азбаски маъруфияти барномаҳои мобилӣ, ин самти асосии сармоягузорӣ боқӣ мемонад.
Дигар чаҳорчӯбаҳое, ки бояд дар соли 2020 ба назар гирифта шаванд
Агар шумо хоҳед, ки дар соли 2020 чизи наверо санҷед, ин чаҳорчӯби JavaScript -ро санҷед.
Щаҳрабо: Чаҳорчӯби кушодаасос барои сохтани замимаҳои веб, ки дар асоси намунаи MVVM кор мекунанд. Онро якчанд ширкатҳои калон, ба монанди Microsoft, Netflix ва LinkedIn истифода мебаранд.
Метеор: Платформаи мукаммали JavaScript барои таҳияи замимаҳои муосири веб ва мобилӣ. Омӯхтан осон аст ва ҷомеаи хеле дастгирикунанда дорад.
Хулоса
Ҳар се чаҳорчӯба доимо такмил меёбанд, ки ин нишонаи рӯҳбаландкунанда аст. Ҳар як шахс нуқтаи назари худ ва ҳалли афзалиятнок дорад, ки кадомашро бояд истифода барад, аммо он дарвоқеъ ба андозаи лоиҳа меояд ва ин боиси эҳсоси роҳати шумо мегардад.
Ҷанбаи муҳимтарин дастгирии доимии ҷамоаҳои онҳост, бинобар ин, агар шумо нақшаи наверо оғоз карданӣ бошед ва ҳеҷ гоҳ аз ин сееро истифода накарда бошед, пас ман боварӣ дорам, ки шумо бо ҳамаи онҳо дар дасти бехатаред. Агар шумо имкони омӯхтани ҳеҷ кадоме аз ин се чаҳорчӯбро надошта бошед, пас ман пешниҳод мекунам, ки онро ҳалли солинавии худ оғоз кунед. Оянда дар атрофи ин се хоҳад буд.
Ин мундариҷа ибтидо дар маҷаллаи net пайдо шуд.
