U\u017eite\u010dn\u00e9 desktopov\u00e9 aplikace jsou minulost\u00ed, proto\u017ee v\u0161e lze prov\u00e1d\u011bt v prohl\u00ed\u017ee\u010di. Aplikace, kter\u00e9 pot\u0159ebuj\u00ed pou\u017e\u00edvat rozhran\u00ed API ni\u017e\u0161\u00ed \u00farovn\u011b, je\u017e nejsou v prohl\u00ed\u017ee\u010di k dispozici, se ve skute\u010dnosti tak\u00e9 p\u00ed\u0161\u00ed pomoc\u00ed prohl\u00ed\u017ee\u010dov\u00fdch engin\u016f a jazyk\u016f, proto\u017ee se tak sn\u00e1ze udr\u017euj\u00ed.<\/p>\n
Mobiln\u00ed aplikace lze snadno nahradit n\u00e1stroji pou\u017e\u00edvan\u00fdmi pro web<\/a> v\u00fdvoj - viz React<\/a> Nativn\u00ed<\/strong>, NativeScript. Krom\u011b toho m\u00e1me k dispozici PWA, kter\u00e9 snadno \"napodobuje\" fungov\u00e1n\u00ed mobiln\u00edch aplikac\u00ed. Nav\u00edc komponenty, kter\u00e9 poh\u00e1n\u011bj\u00ed aplikaci napsanou v jazyce Vue<\/a><\/strong> nebo React<\/strong> m\u016f\u017eete snadno sd\u00edlet r\u016fzn\u00e9 k\u00f3d<\/a> prvky mezi platformami. <\/p>\n Mus\u00edme si p\u0159iznat jednu v\u011bc - webov\u00e9 aplikace jsou v sou\u010dasn\u00e9 dob\u011b v\u00fdkonn\u00fdm n\u00e1strojem, kter\u00fd bude obt\u00ed\u017en\u00e9 dostat do p\u0159\u00edzem\u00ed. Jako u\u017eivatel je vid\u00edm pou\u017e\u00edvat prakticky v\u0161ude: p\u0159i komunikaci p\u0159es Slack, p\u0159i pr\u00e1ci s editorem k\u00f3du, p\u0159i tvorb\u011b prezentac\u00ed nebo t\u0159eba p\u0159i psan\u00ed \u010dl\u00e1nku na blogu.<\/p>\n Je t\u011b\u017ek\u00e9 p\u0159edv\u00eddat, co se stane za n\u011bkolik let. Do hry vstupuje WebAssembly, kter\u00e9 umo\u017en\u00ed n\u00e1s<\/a> p\u0159esunout aplikace, kter\u00e9 vy\u017eaduj\u00ed slo\u017eit\u011bj\u0161\u00ed v\u00fdpo\u010dty, do sv\u011bta prohl\u00ed\u017ee\u010d\u016f. Jeden fakt v\u0161ak z\u016fst\u00e1v\u00e1 nem\u011bnn\u00fd - je opravdu t\u011b\u017ek\u00e9 naj\u00edt p\u0159ek\u00e1\u017eku, kter\u00e1 by n\u00e1m br\u00e1nila vytvo\u0159it s vyu\u017eit\u00edm webov\u00fdch technologi\u00ed takovou aplikaci, o kter\u00e9 si m\u016f\u017eeme nechat jen zd\u00e1t. <\/p>\n K v\u011bci - vra\u0165me se na chv\u00edli do minulosti, ne\u017e se objevily prvn\u00ed v\u00fdznamn\u011bj\u0161\u00ed webov\u00e9 frameworky a aplikace se vyv\u00edjely imperativn\u00edm zp\u016fsobem. Ka\u017ed\u00e1 interaktivn\u00ed mechanika na str\u00e1nce se zpracov\u00e1vala ru\u010dn\u011b a byla zodpov\u011bdn\u00e1 za konkr\u00e9tn\u00ed akci.<\/p>\n Nejlep\u0161\u00edm p\u0159\u00edkladem, kter\u00fd lze uv\u00e9st, je knihovna jQuery - ve sv\u00e9 dob\u011b jedno z nejpopul\u00e1rn\u011bj\u0161\u00edch \u0159e\u0161en\u00ed pro zpracov\u00e1n\u00ed jednoduch\u00fdch ud\u00e1lost\u00ed. S jej\u00ed pomoc\u00ed byly implementov\u00e1ny r\u016fzn\u00e9 rozbalovac\u00ed nab\u00eddky, p\u0159echody, animace, kalkula\u010dky a podobn\u00e9 mechanismy.<\/p>\n Stoj\u00ed za zm\u00ednku, \u017ee ji\u017e tehdy byly zaznamen\u00e1ny probl\u00e9my ve slo\u017eit\u011bj\u0161\u00edch aplikac\u00edch - v m\u00edstech, kde r\u016fzn\u00e9 nez\u00e1visl\u00e9 \u010d\u00e1sti musely nap\u0159. reagovat na spr\u00e1vn\u00e9 kliknut\u00ed nebo naps\u00e1n\u00ed n\u011b\u010deho. V\u011bt\u0161ina aplikac\u00ed nem\u011bla explicitn\u00ed stav a m\u00edsto toho je zachra\u0148ovaly nap\u0159\u00edklad atributy prvk\u016f nebo t\u0159\u00eddy, kter\u00e9 m\u011bly.<\/p>\n V t\u00e9 dob\u011b bylo z\u0159ejm\u00e9, \u017ee st\u00e1vaj\u00edc\u00edmu p\u0159\u00edstupu chyb\u00ed reaktivita - strukturovan\u00fd zp\u016fsob, jak spolu komponenty komunikuj\u00ed a sd\u00edlej\u00ed nap\u0159. sv\u016fj stav nebo r\u016fzn\u00e9 ud\u00e1losti, co\u017e usnad\u0148uje \u00fadr\u017ebu aplikac\u00ed a umo\u017e\u0148uje jim poskytovat dobr\u00fd u\u017eivatelsk\u00fd z\u00e1\u017eitek p\u0159i n\u00edzk\u00fdch n\u00e1kladech.<\/p>\n Postupem \u010dasu se na obzoru za\u010daly objevovat prvn\u00ed front-endov\u00e9 frameworky, jejich\u017e c\u00edlem bylo strukturovat architekturu pro slo\u017eit\u011bj\u0161\u00ed aplikace.<\/p>\n Tyto frameworky byly v\u011bt\u0161inou zalo\u017eeny na vzoru MVC - n\u011bkter\u00e9 navrhovaly manu\u00e1ln\u011bj\u0161\u00ed p\u0159\u00edstup, jako nap\u0159\u00edklad Backbone.js, zat\u00edmco jin\u00e9, jako nap\u0159\u00edklad Knockout.js, se napojovaly na obousm\u011brn\u00fd data<\/a> v\u00e1z\u00e1n\u00ed.<\/p>\n P\u0159esto lze m\u00edt pocit, \u017ee psan\u00ed aplikace bylo obt\u00ed\u017en\u011bj\u0161\u00ed, vy\u017eadovalo mnohem v\u00edce k\u00f3dov\u00e1n\u00ed a nemuselo nutn\u011b p\u0159in\u00e9st zam\u00fd\u0161len\u00e9 v\u00fdsledky nebo kompenzovat \u010das ztracen\u00fd p\u0159i v\u00fdvoji aplikace.<\/p>\n Hlavn\u00edm d\u016fvodem, pro\u010d hled\u00e1n\u00ed zlat\u00e9ho st\u0159edu v. JS<\/a> Ekosyst\u00e9m byl t\u011b\u017ek\u00fd v tom, \u017ee to byla trochu zvl\u00e1\u0161tnost mezi zn\u00e1m\u00fdmi programovac\u00ed jazyky<\/a> kter\u00e9 maj\u00ed ji\u017e dlouho vydl\u00e1\u017ed\u011bn\u00e9 cesty.<\/p>\n A nechci se zde zab\u00fdvat t\u00edm, jak\u00e9 cesty p\u0159esn\u011b prov\u00e1zely v\u00fdvoj r\u016fzn\u00fdch r\u00e1mc\u016f v pr\u016fb\u011bhu d\u011bjin. Je v\u0161ak d\u016fle\u017eit\u00e9 poznamenat jednu v\u011bc - doba zr\u00e1n\u00ed ekosyst\u00e9mu JS v prohl\u00ed\u017ee\u010d\u00edch nebyla jednoduch\u00e1 a \u010delila mnoha zkou\u0161k\u00e1m.<\/p>\n To je jedin\u00fd d\u016fvod, pro\u010d dnes m\u016f\u017eeme vytv\u00e1\u0159et webov\u00e9 aplikace a vyv\u00edjet je velmi snadno a bezbolestn\u011b.<\/p>\n M\u00edsto h\u00e1zen\u00ed masa, jak je na internetu zvykem, se na ob\u011b knihovny pod\u00edv\u00e1me, shrom\u00e1\u017ed\u00edme o nich informace a porovn\u00e1me je - teoreticky i prakticky.<\/p>\n POZN\u00c1MKA: Popis mechanism\u016f pracuj\u00edc\u00edch v Vue <\/strong>se t\u00fdk\u00e1 konkr\u00e9tn\u011b verze 2. Verze 3 p\u0159in\u00e1\u0161\u00ed mnoho v\u00fdznamn\u00fdch zm\u011bn, ale nen\u00ed skute\u010dn\u00fdm konkurentem verze 2. React<\/strong> v tuto chv\u00edli, u\u017e jen kv\u016fli jeho splatnosti - Vue 3 datum vyd\u00e1n\u00ed: 18. z\u00e1\u0159\u00ed 2020.<\/p>\n Ujasn\u011bme si jednu v\u011bc - p\u0159i hlub\u0161\u00edm prozkoum\u00e1n\u00ed obou knihoven zjist\u00edte, \u017ee ve skute\u010dnosti je mezi nimi v\u00edce podobnost\u00ed ne\u017e rozd\u00edl\u016f. Pomineme-li zp\u016fsob pou\u017e\u00edv\u00e1n\u00ed knihoven jako takov\u00fdch - ob\u011b maj\u00ed velmi podobn\u00fd koncept fungov\u00e1n\u00ed. Ob\u011b jsou poh\u00e1n\u011bny podobn\u00fdm ekosyst\u00e9mem a jejich pou\u017eit\u00ed nen\u00ed diametr\u00e1ln\u011b odli\u0161n\u00e9.<\/p>\n \u25cf \u010e\u00e1bel se skr\u00fdv\u00e1 v detailech - \u010d\u00edm \u010dast\u011bji n\u00e1stroj pou\u017e\u00edv\u00e1me, t\u00edm v\u011bt\u0161\u00ed nev\u00fdhody jeho r\u016fzn\u00fdch \u0159e\u0161en\u00ed zaznamen\u00e1v\u00e1me. Dobr\u00fdm p\u0159\u00edkladem zde m\u016f\u017ee b\u00fdt obousm\u011brn\u00e1 datov\u00e1 vazba, kter\u00e1 se nej\u010dast\u011bji pou\u017e\u00edv\u00e1 v oblasti Vue<\/strong> jako vlastnost v-modelu: \u010dasto usnad\u0148uje pr\u00e1ci, o mnoho v\u011bc\u00ed se star\u00e1 automaticky a nevy\u017eaduje k\u00f3dov\u00e1n\u00ed dal\u0161\u00ed podpory pro zm\u011bnu hodnot.<\/p>\n Existuj\u00ed v\u0161ak p\u0159\u00edpady, kdy pot\u0159ebujeme konkr\u00e9tn\u011b sledovat pokus o zm\u011bnu a podle toho reagovat, a v takov\u00e9m p\u0159\u00edpad\u011b n\u00e1s komponenty zalo\u017een\u00e9 na v-modelu \u010dasto nut\u00ed k tomu, abychom si pohr\u00e1vali s jin\u00fdmi komponentami. Vue<\/strong> mechaniky, jako je vypo\u010dten\u00e1 vlastnost, tak\u017ee dosa\u017een\u00fd efekt \u010dasto vypad\u00e1 mnohem h\u016f\u0159e ne\u017e p\u0159i ru\u010dn\u00edm p\u0159\u00edstupu;<\/p>\n \u25cf Dal\u0161\u00edm zaj\u00edmav\u00fdm aspektem je JSX, co\u017e je takov\u00fd \"vagrantn\u00ed\" zp\u016fsob, jak \u0161ablonovat vykreslovan\u00fd obsah pomoc\u00ed React<\/strong>. V komunit\u011b v\u00fdvoj\u00e1\u0159\u016f se n\u00e1zory na n\u011bj li\u0161\u00ed.<\/p>\n Podle m\u00fdch pozorov\u00e1n\u00ed se zd\u00e1, \u017ee v\u00fdvoj\u00e1\u0159i pou\u017e\u00edvaj\u00edc\u00ed jin\u00e9 prost\u0159ed\u00ed ne\u017e JS, nap\u0159. PHP<\/a> nebo C#, jsou v\u00edce naklon\u011bny \u0161ablonovit\u00fdm pohled\u016fm zp\u016fsobem, kter\u00fd Vue<\/strong> d\u011bl\u00e1.<\/p>\n Shrnut\u00ed - \u0161ablony zn\u00e1m\u00e9 z Vue<\/strong> umo\u017e\u0148uj\u00ed definovat pohledy velmi p\u0159ehledn\u00fdm a elegantn\u00edm zp\u016fsobem, zat\u00edmco JSX v React je umo\u017e\u0148uje v mnoha p\u0159\u00edpadech vytv\u00e1\u0159et rychleji, na m\u00edru konkr\u00e9tn\u00edm pot\u0159eb\u00e1m a \u010dasto vy\u017eaduje m\u00e9n\u011b k\u00f3du pro vytvo\u0159en\u00ed r\u016fznorod\u00fdch struktur;<\/p>\n \u25cf Pod\u00edvejme se tak\u00e9 na ekosyst\u00e9my t\u011bchto dvou n\u00e1stroj\u016f. V z\u00e1sad\u011b m\u016f\u017eeme \u0159\u00edci, \u017ee se v ni\u010dem neli\u0161\u00ed. Oba se z n\u011bjak\u00e9ho d\u016fvodu naz\u00fdvaj\u00ed knihovny - poskytuj\u00ed minimum pro podporu reaktivn\u00edch webov\u00fdch aplikac\u00ed.<\/p>\n Zat\u00edmco zbytek, kter\u00fd se t\u00fdk\u00e1 komunikace s API<\/a>, datov\u00fd tok, komponenty u\u017eivatelsk\u00e9ho rozhran\u00ed pou\u017e\u00edvan\u00e9 kolem r\u016fzn\u00fdch podstr\u00e1nek, jsou tzv. vendory - knihovny p\u0159evzat\u00e9 zven\u010d\u00ed, kter\u00e9 je t\u0159eba spr\u00e1vn\u011b p\u0159ipojit k projekt<\/a>. Je to trochu jako ve sv\u011bt\u011b Lega: chcete-li postavit souvisl\u00fd celek - mus\u00edte ho poskl\u00e1dat z jednotliv\u00fdch mal\u00fdch kosti\u010dek.<\/p>\n Tato alegorie odkazuje na p\u0159esn\u011b p\u0159ipojen\u00e9 komponenty, kter\u00e9 jsou v\u00fdkonem aplikac\u00ed vytvo\u0159en\u00fdch pomoc\u00ed React<\/strong> nebo Vue<\/strong>;<\/p>\n \u25cf D\u016fle\u017eit\u00e1 v\u011bc, zejm\u00e9na pro lidi, kte\u0159\u00ed nemaj\u00ed s prost\u0159ed\u00edm JS tolik zku\u0161enost\u00ed, je \u00farove\u0148 vstupu do konkr\u00e9tn\u00ed knihovny. Jin\u00fdmi slovy - slo\u017eitost n\u00e1stroje spo\u010d\u00edvaj\u00edc\u00ed v p\u0159\u00edm\u00e9m \u010dase, kter\u00fd mus\u00edte v\u011bnovat pochopen\u00ed jeho mechaniky.<\/p>\n Mysl\u00edm, \u017ee je t\u0159eba jednozna\u010dn\u011b \u0159\u00edci jednu v\u011bc - v p\u0159\u00edpad\u011b Vue<\/strong>, je to mnohem jednodu\u0161\u0161\u00ed. M\u00e1me obousm\u011brnou datovou vazbu, m\u00e1me elegantn\u011b specifikovanou \u0161ablonu, kter\u00e1 se klamav\u011b podob\u00e1 \u0159e\u0161en\u00edm v jin\u00fdch jazyc\u00edch, nap\u0159. twigu, a kone\u010dn\u011b - nem\u00e1me bolesti hlavy zp\u016fsoben\u00e9 u\u010den\u00edm se teori\u00ed ohledn\u011b fungov\u00e1n\u00ed jednotliv\u00fdch h\u00e1\u010dk\u016f a p\u0159\u00edpad\u016f, kdy je t\u0159eba pou\u017e\u00edt konkr\u00e9tn\u00ed mechaniku.<\/p>\n \u0158\u00eddit se p\u0159\u00edmo hlasem davu nen\u00ed zrovna dobr\u00e1 volba. Dobr\u00fdm krokem k dobr\u00e9mu rozhodnut\u00ed je v\u0161ak anal\u00fdza toho, co \u0159\u00edkaj\u00ed lid\u00e9, kte\u0159\u00ed s t\u011bmito knihovnami p\u0159i\u0161li do styku.<\/p>\n A ano - hv\u011bzdi\u010dky na githubu <\/a> m\u016f\u017ee b\u00fdt ukazatelem toho, jak moc se komunita dan\u00e9 knihovny pod\u00edl\u00ed na jej\u00edm v\u00fdvoji, jak ji vn\u00edmaj\u00ed v\u00fdvoj\u00e1\u0159i a zda je zaj\u00edm\u00e1, kam se ub\u00edr\u00e1. In\u017een\u00fd\u0159i<\/a> kte\u0159\u00ed jsou hv\u011bzdi\u010dkami ur\u010dit\u00e9ho \u00falo\u017ei\u0161t\u011b, \u010dasto dost\u00e1vaj\u00ed ozn\u00e1men\u00ed o nov\u00fdch verz\u00edch nebo zm\u011bn\u00e1ch k\u00f3du, co\u017e se prom\u00edt\u00e1 do jejich p\u0159\u00edm\u00e9 znalosti knihovny.<\/p>\n Po\u010det hv\u011bzdi\u010dek na githubu bychom v\u0161ak nem\u011bli vn\u00edmat jako or\u00e1kulum - ne ka\u017ed\u00fd v\u00fdvoj\u00e1\u0159, kter\u00e9mu se n\u00e1stroj l\u00edb\u00ed, zanech\u00e1 zna\u010dku - sp\u00ed\u0161e bych to bral jako zn\u00e1mku \u010dist\u00e9ho nad\u0161en\u00ed v\u00fdvoj\u00e1\u0159\u016f pro konkr\u00e9tn\u00ed open-source projekt.<\/p>\n Google Trends <\/a> je zn\u00e1m\u00e1 slu\u017eba, kter\u00e1 umo\u017e\u0148uje studovat z\u00e1jem o konkr\u00e9tn\u00ed t\u00e9mata v \u010dase. P\u0159esto\u017ee nen\u00ed racion\u00e1ln\u00edm ukazatelem kvality nebo vyu\u017eit\u00ed, m\u016f\u017ee poskytnout nejr\u016fzn\u011bj\u0161\u00ed anal\u00fdzy.<\/p>\n P\u0159i porovn\u00e1n\u00ed obou protagonist\u016f dne\u0161n\u00edho \u010dl\u00e1nku lze snadno zjistit, \u017ee pr\u016fb\u011bh posledn\u00edch p\u011bti let byl nast\u00edn\u011bn dosti podobn\u011b. Z\u00e1kladn\u00ed z\u00e1v\u011br, kter\u00fd lze z grafu vyvodit, je, \u017ee React<\/strong> m\u00e1 vy\u0161\u0161\u00ed popularitu ve vyhled\u00e1v\u00e1n\u00ed ve srovn\u00e1n\u00ed se sv\u00fdm soupe\u0159em.<\/p>\n Aby bylo jasno - um\u00edst\u011bn\u00ed na p\u0159edn\u00edch m\u00edstech v Google Trends neznamen\u00e1, \u017ee je knihovna lep\u0161\u00ed. Jde o davovou popularitu, jak jsem ji\u017e zm\u00ednil - pravd\u011bpodobn\u011b se o tomto n\u00e1stroji dozv\u011bd\u011blo v\u00edce lid\u00ed, mohl vzbudit v\u011bt\u0161\u00ed z\u00e1jem mezi CTOs<\/a>, v\u00fdvoj\u00e1\u0159i softwaru<\/a> <\/strong>nebo lid\u00e9, kte\u0159\u00ed se cht\u011bj\u00ed nau\u010dit ur\u010dit\u00fd n\u00e1stroj.<\/p>\n Odr\u00e1\u017e\u00ed se tento graf ve skute\u010dnosti? Do jist\u00e9 m\u00edry ano. Obecn\u011b \u0159e\u010deno - mezi dot\u00e1zan\u00fdmi lidmi je v\u00edce t\u011bch, kte\u0159\u00ed vykazuj\u00ed r\u016fzn\u011b sofistikovan\u00e9 znalosti o React<\/strong> ne\u017e Vue<\/strong>. Jak\u00e9 n\u00e1zory m\u016f\u017eete z\u00edskat p\u0159i rozhovoru s t\u011bmito lidmi? Pokus\u00edm se to nast\u00ednit v dal\u0161\u00edm odstavci.<\/p>\n Stav JS\u00a0<\/a> je web, kter\u00fd ka\u017edoro\u010dn\u011b prov\u00e1d\u00ed pr\u016fzkum mezi lidmi pracuj\u00edc\u00edmi v oblasti technologi\u00ed souvisej\u00edc\u00edch s JavaScript. Jej\u00edm c\u00edlem je shrom\u00e1\u017edit informace od v\u00fdvoj\u00e1\u0159\u016f o tom, jak vn\u00edmaj\u00ed n\u00e1stroje, se kter\u00fdmi denn\u011b pracuj\u00ed.<\/p>\n Ot\u00e1zky se t\u00fdkaj\u00ed jednotliv\u00fdch n\u00e1stroj\u016f pro r\u016fzn\u00e9 \u00fa\u010dely - nap\u0159. n\u00e1stroj\u016f pou\u017e\u00edvan\u00fdch na front-endu a na back-endu, ale tak\u00e9 n\u00e1stroj\u016f pro testov\u00e1n\u00ed, spr\u00e1vu stavu aplikace atd. Na ka\u017edou z t\u011bchto ot\u00e1zek nelze odpov\u011bd\u011bt jednodu\u0161e ano\/ne, str\u00e1nka klade \u0159adu ot\u00e1zek o samotn\u00e9m n\u00e1stroji, z\u00e1jmech, zku\u0161enostech a celkov\u00e9m hodnocen\u00ed, kter\u00e9 se shrnuje do v\u011bty \"Pou\u017eili byste tento n\u00e1stroj v budouc\u00edch projektech?\".<\/p>\n Samotn\u00e9 str\u00e1nky umo\u017e\u0148uj\u00ed prov\u00e1d\u011bt spoustu anal\u00fdz, porovn\u00e1vat p\u0159\u00edslu\u0161n\u00e9 n\u00e1stroje a n\u011bkdy se dozv\u00edte i o m\u00e9n\u011b zn\u00e1m\u00fdch knihovn\u00e1ch, kter\u00fdm se ve sv\u011bt\u011b JS za\u010d\u00edn\u00e1 da\u0159it, z\u00edsk\u00e1vaj\u00ed popularitu a z\u00e1rove\u0148 se t\u011b\u0161\u00ed vysok\u00e9 m\u00ed\u0159e \"\u0161t\u011bst\u00ed p\u0159i pou\u017e\u00edv\u00e1n\u00ed\". Up\u0159\u00edmn\u011b v\u00e1m doporu\u010duji proch\u00e1zet obsah tohoto webu.<\/p>\n Shr\u0148me si tento odd\u00edl pomoc\u00ed statistik. Anal\u00fdza r\u016fzn\u00fdch typ\u016f graf\u016f m\u016f\u017ee b\u00fdt \u010dasto velmi dobrou mo\u017enost\u00ed pro porovn\u00e1n\u00ed r\u016fzn\u00fdch aspekt\u016f dan\u00fdch t\u00e9mat. Je v\u0161ak t\u0159eba vz\u00edt v \u00favahu, \u017ee n\u00e1sledovat hlas davu nemus\u00ed b\u00fdt nutn\u011b to nejchyt\u0159ej\u0161\u00ed. M\u00edsto toho m\u016f\u017eete u\u010dinit informovan\u00e9 rozhodnut\u00ed s vyu\u017eit\u00edm n\u011bkter\u00fdch poznatk\u016f z\u00edskan\u00fdch z anal\u00fdz graf\u016f.<\/p>\n Ji\u017e d\u0159\u00edve jsem se zm\u00ednil o ni\u017e\u0161\u00edm prahu pro vstup do Vue<\/strong> - Umo\u017e\u0148uje toti\u017e o n\u011bco rychleji se soust\u0159edit na samotn\u00fd v\u00fdvoj aplikace, pou\u017e\u00edv\u00e1n\u00ed n\u00e1stroje a zkr\u00e1cen\u00ed \u010dasu pot\u0159ebn\u00e9ho k sezn\u00e1men\u00ed se s prost\u0159ed\u00edm, mechanikou a r\u016fzn\u00fdmi p\u0159\u00edpady pou\u017eit\u00ed na minimum.<\/p>\n Obecn\u011b zast\u00e1v\u00e1m n\u00e1zor, \u017ee Vue<\/strong> je vhodn\u011bj\u0161\u00ed pro lidi, kte\u0159\u00ed se dosud nezab\u00fdvali front-endov\u00fdmi knihovnami. Jist\u011b v\u00e1m umo\u017en\u00ed povzbudiv\u011bj\u0161\u00edm zp\u016fsobem dos\u00e1hnout uspokojiv\u00fdch v\u00fdsledk\u016f v kr\u00e1tk\u00e9m \u010dase.<\/p>\n \u0158ekn\u011bme si to v\u0161ak nahlas - neznalost jazyka, v n\u011bm\u017e pou\u017e\u00edv\u00e1me konkr\u00e9tn\u00ed n\u00e1stroje, n\u00e1m d\u0159\u00edve \u010di pozd\u011bji ubl\u00ed\u017e\u00ed. U jednoduch\u00fdch v\u011bc\u00ed je to zanedbateln\u00fd prvek, ale s rostouc\u00ed slo\u017eitost\u00ed vytv\u00e1\u0159en\u00fdch aplikac\u00ed bude st\u00e1le obt\u00ed\u017en\u011bj\u0161\u00ed vytv\u00e1\u0159et aplikace slu\u0161n\u00fdm zp\u016fsobem bez dobr\u00e9 znalosti JavaScript<\/a>.<\/p>\n Nem\u00e1m na mysli schopnost ps\u00e1t n\u011bjak\u00e9 sofistikovan\u00e9 funkce, proto\u017ee tuto \u010d\u00e1st lze z velk\u00e9 \u010d\u00e1sti nahradit nap\u0159. dodavateli. M\u00e1m na mysli n\u011bkter\u00e9 b\u011b\u017en\u00e9 chyby, kter\u00fdch se lze v jazyce dopustit, a neuv\u011bdom\u011bn\u00ed si, \u017ee nespr\u00e1vn\u00e9 chov\u00e1n\u00ed nen\u00ed zp\u016fsobeno pou\u017eit\u00edm knihovny, ale pou\u017eit\u00edm jazyka. Nej\u010dast\u011bj\u0161\u00ed chybou, kter\u00e1 se zde projevuje, je tzv. nem\u011bnnost - tedy znalost referen\u010dn\u00edho mechanismu v JavaScript.<\/p>\n Nejsem schopen navrhnout, kter\u00e1 knihovna je lep\u0161\u00ed pro v\u00fdvoj\u00e1\u0159e v\u00edce \u010di m\u00e9n\u011b obezn\u00e1men\u00e9 s JavaScript. V\u00edm ale jedno - pokud chcete m\u00edt skute\u010dnou p\u0159edstavu o tom, jak vypad\u00e1 v\u00fdvoj s ob\u011bma n\u00e1stroji \"zevnit\u0159\" - zkuste si napsat aplikace v ka\u017ed\u00e9m z nich. To v\u00e1m d\u00e1 p\u0159edstavu, umo\u017en\u00ed v\u00e1m to zjistit, kter\u00fd mechanismus v\u00e1s oslovuje v\u00edce a co je pro v\u00e1s lep\u0161\u00ed volbou.<\/p>\n Jak jsem ji\u017e zm\u00ednil - ob\u011b knihovny jsou poh\u00e1n\u011bny podobn\u00fdmi ekosyst\u00e9my a maj\u00ed podobn\u00fd pohled na vytv\u00e1\u0159en\u00ed aplikac\u00ed s mal\u00fdmi komponentami. Ob\u011bma knihovn\u00e1m se da\u0159\u00ed - nic nenasv\u011bd\u010duje tomu, \u017ee by n\u011bkter\u00e1 z nich m\u011bla v bl\u00edzk\u00e9 budoucnosti zaniknout. V d\u016fsledku toho z\u016fstanou nab\u00eddky pr\u00e1ce v obou z nich na podobn\u00e9 \u00farovni.<\/p>\n Z\u00e1v\u011bry jsou jednoduch\u00e9 - pou\u017e\u00edvejte to, co v\u00e1m vyhovuje, sb\u00edrejte zku\u0161enosti a vyhodnocujte. To v\u00e1m pom\u016f\u017ee vytvo\u0159it si racion\u00e1ln\u00ed p\u0159\u00edstup k tomu, zda je v konkr\u00e9tn\u00edm projektu lep\u0161\u00ed pou\u017e\u00edt tu \u010di onu knihovnu; tak\u00e9 se sna\u017ete experimentovat - nic neu\u010d\u00ed tak hluboce jako chyby u\u010din\u011bn\u00e9 v minulosti.<\/p>\n Nen\u00ed tajemstv\u00edm, \u017ee neexistuje zlat\u00e1 st\u0159edn\u00ed cesta, kter\u00e1 by byla nejlep\u0161\u00edm \u0159e\u0161en\u00edm pro konkr\u00e9tn\u00ed projekt. Zejm\u00e9na v oblasti front-endu n\u00e1stroje pou\u017e\u00edvan\u00e9 pro tvorbu aplikac\u00ed rychle zastar\u00e1vaj\u00ed a \u010dasto je t\u011b\u017ek\u00e9 se zorientovat v nejnov\u011bj\u0161\u00edch trendech.<\/p>\n V\u00fdb\u011br technologie v\u0161ak nen\u00ed, nebo by alespo\u0148 nem\u011bl b\u00fdt, z\u00e1visl\u00fd na tom, co odpov\u00edd\u00e1 sou\u010dasn\u00fdm trend\u016fm. M\u00edsto toho bychom ji m\u011bli sm\u011b\u0159ovat ke konkr\u00e9tn\u00edm o\u010dek\u00e1v\u00e1n\u00edm a p\u0159edpoklad\u016fm o aplikaci, kterou se chyst\u00e1me vytvo\u0159it. Ka\u017ed\u00e1 z porovn\u00e1van\u00fdch knihoven m\u00e1 sv\u00e9 siln\u00e9 a slab\u00e9 str\u00e1nky, kter\u00e9 p\u0159izp\u016fsoben\u00e9 p\u0159\u00edpadu pou\u017eit\u00ed n\u00e1m umo\u017en\u00ed u\u010dinit nejrozumn\u011bj\u0161\u00ed volbu.<\/p>\n Zaj\u00edmavou mo\u017enost\u00ed se mohou uk\u00e1zat technologick\u00e1 shrnut\u00ed velk\u00fdch korporac\u00ed, kter\u00e1 \u010dasto popisuj\u00ed jejich p\u0159\u00edpady pou\u017eit\u00ed, jak prob\u00edhal nebo prob\u00edh\u00e1 v\u00fdvoj velk\u00fdch aplikac\u00ed a jak\u00e9 chyby ud\u011blaly v minulosti. Mo\u017en\u00e1 mezi nimi najdeme p\u0159\u00edpady, kter\u00e9 jsou zaj\u00edmav\u00e9 zejm\u00e9na v souvislosti s v\u00fdb\u011brem knihovny pro konkr\u00e9tn\u00ed projekt.<\/p>\n Vlastnosti, kter\u00e9 bychom m\u011bli zv\u00e1\u017eit, abychom vybrali spr\u00e1vn\u00e9 n\u00e1stroje pro vytv\u00e1\u0159enou aplikaci, jsou: doba v\u00fdvoje aplikace, snadnost \u00fadr\u017eba aplikace<\/a>, slo\u017eitost aplikace a zku\u0161enosti v\u00fdvoj\u00e1\u0159\u016f s pou\u017e\u00edv\u00e1n\u00edm konkr\u00e9tn\u00edch knihoven.<\/p>\n V\u00fdvoj\u00e1\u0159i jsou lid\u00e9, kte\u0159\u00ed v porovn\u00e1van\u00fdch n\u00e1stroj\u00edch tr\u00e1v\u00ed nejv\u00edce \u010dasu, a pr\u00e1v\u011b oni v\u00e1m mohou poskytnout nejlep\u0161\u00ed rady a pomoci v\u00e1m vybrat si ve velk\u00e9m st\u0159etu knihoven to nejlep\u0161\u00ed. Pr\u00e1v\u011b p\u0159i v\u00fdvoji aplikac\u00ed vid\u00edte r\u016fzn\u00e9 probl\u00e9my, kter\u00e9 vypl\u00fdvaj\u00ed p\u0159\u00edmo z volby technologie, a m\u00e1te nejlep\u0161\u00ed p\u0159ehled o tom, jak\u00e9 v\u011bci podkop\u00e1vaj\u00ed pou\u017eit\u00ed konkr\u00e9tn\u00edho n\u00e1stroje pro konkr\u00e9tn\u00ed funkce.<\/p>\n Jak jsem se ji\u017e zm\u00ednil d\u0159\u00edve - zd\u00e1 se, \u017ee ob\u011b knihovny nezmiz\u00ed z webu. trh<\/a>, alespo\u0148 ne v nejbli\u017e\u0161\u00edch letech. M\u00edsto rozhodov\u00e1n\u00ed na z\u00e1klad\u011b statistik a n\u00e1zor\u016f P\u0159edstavte jim, co od aplikace o\u010dek\u00e1v\u00e1me, jak\u00fd m\u00e1me \u010das na jej\u00ed dod\u00e1n\u00ed, a umo\u017en\u011bte jim volnou v\u00fdm\u011bnu n\u00e1zor\u016f na to, co si mysl\u00ed o obou \u0159e\u0161en\u00edch, ne\u017e u\u010din\u00edme kone\u010dn\u00e9 rozhodnut\u00ed.<\/p>\n Internetov\u00e9 v\u00e1lky jsou obvykle - nebo mo\u017en\u00e1 v ka\u017ed\u00e9m p\u0159\u00edpad\u011b - zbyte\u010dn\u00e9. V\u017edy se najdou lid\u00e9, kte\u0159\u00ed budou tvrdo\u0161\u00edjn\u011b tvrdit, \u017ee jejich volba je lep\u0161\u00ed, ani\u017e by uvedli n\u011bjak\u00e9 racion\u00e1ln\u00ed argumenty, kter\u00e9 by jejich rozhodnut\u00ed potvrzovaly.<\/p>\n Nam\u00edsto zaslepenosti konkr\u00e9tn\u00edmi volbami se zam\u011b\u0159me na anal\u00fdzu, sna\u017eme se vyvodit odpov\u00eddaj\u00edc\u00ed z\u00e1v\u011bry a vyu\u017e\u00edt je k \u00faprav\u011b nebo zam\u00edtnut\u00ed konkr\u00e9tn\u00edho \u0159e\u0161en\u00ed.<\/p>\n Jak u\u017e n\u00e1zev napov\u00edd\u00e1 - nem\u00e1m v \u00famyslu korunovat \u017e\u00e1dnou konkr\u00e9tn\u00ed knihovnu jako l\u00e9k na ka\u017edou bolest. Nam\u00edsto toho p\u0159edkl\u00e1d\u00e1m n\u011bkolik hypot\u00e9z a odhaluji siln\u00e9 a slab\u00e9 str\u00e1nky obou knihoven. Uvedl jsem n\u011bkolik rad, na co se p\u0159i v\u00fdb\u011bru mezi nimi zam\u011b\u0159it, abyste se rozhodli moud\u0159e a ne\u0159\u00eddili se trendy nebo n\u00e1hodn\u00fdmi lidmi z internetu.<\/p>\n Ka\u017ed\u00fd n\u00e1stroj m\u016f\u017ee dostate\u010dn\u011b vyhovovat pot\u0159eb\u00e1m projektu. Ani jeden z nich v p\u0159\u00ed\u0161t\u00edch letech z trhu rychle nezmiz\u00ed. Oba maj\u00ed siln\u00e9 komunity a jsou pom\u011brn\u011b vysp\u011bl\u00e9, co\u017e n\u00e1m ukazuje, \u017ee se t\u011bmto dv\u011bma n\u00e1stroj\u016fm docela da\u0159\u00ed.<\/p>\n Kone\u010dn\u00e1 volba je ve va\u0161ich rukou. Pokud v\u0161ak m\u00e1te jak\u00e9koli pochybnosti nebo chcete sv\u016fj p\u0159\u00edpad prodiskutovat s klientem, m\u016f\u017eete se na n\u011bj obr\u00e1tit. The Codest<\/a> - nev\u00e1hejte n\u00e1s kontaktovat!<\/p>\n P\u0159e\u010dt\u011bte si v\u00edce:<\/b><\/p>\n Pro\u010d byste (pravd\u011bpodobn\u011b) m\u011bli pou\u017e\u00edvat Typescript<\/a><\/p>\n Jak nezni\u010dit projekt \u0161patn\u00fdmi k\u00f3dovac\u00edmi postupy?<\/a><\/p>\nVelk\u00fd t\u0159esk v internetov\u00e9 realit\u011b <\/h2><\/p>\n
Prvn\u00ed kroky ke zn\u00e1m\u00fdm r\u00e1mc\u016fm<\/h2><\/p>\n
Z\u00e1kladn\u00ed informace a drobn\u00e9 srovn\u00e1n\u00ed<\/h2><\/p>\n
![\"React](\"\/app\/uploads\/2024\/05\/tabela-art-.jpg\")
<\/p>\nCo \u0159\u00edkaj\u00ed statistiky?<\/h2><\/p>\n
![\"graf](\"\/app\/uploads\/2024\/05\/bez-tytulu.png\")
<\/p>\n![\"react](\"\/app\/uploads\/2024\/05\/aaaaaabbb.png\")
<\/p>\n![\"Po\u0159ad\u00ed](\"\/app\/uploads\/2024\/05\/1.png\")
<\/p>\n![\"stav](\"\/app\/uploads\/2024\/05\/2.png\")
<\/p>\n![\"React](\"\/app\/uploads\/2024\/05\/3.png\")
<\/p>\nNejlep\u0161\u00ed volba pro v\u00fdvoj\u00e1\u0159e<\/h2><\/p>\n
Nejlep\u0161\u00ed volba pro CTO<\/a> <\/h2><\/p>\n
\nr\u016fzn\u00fdch lid\u00ed z internetu - mo\u017en\u00e1 lep\u0161\u00ed mo\u017enost\u00ed je jednodu\u0161e si promluvit s v\u00fdvoj\u00e1\u0159i.<\/p>\nZ\u00e1v\u011bry<\/h2><\/p>\n