{"id":20325,"date":"2020-10-23T09:38:26","date_gmt":"2020-10-23T07:38:26","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=20325"},"modified":"2025-03-11T21:07:48","modified_gmt":"2025-03-11T20:07:48","slug":"reaktivne-frameworky","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/","title":{"rendered":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><b>Doba \u010d\u00edtania:<\/b><\/span> <span class=\"rt-time\"> 7<\/span> <span class=\"rt-label rt-postfix\">min.<\/span><\/span>\n<p>M\u00e1te za sebou \u201ep\u00e1r\u201c spraven\u00fdch webstr\u00e1nok pomocou <a href=\"https:\/\/www.websupport.sk\/blog\/2023\/08\/ako-sa-co-najrychlejsie-naucit-html-a-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML a\u00a0CSS<\/a>? Vyu\u017eili ste vo\u013ene dostupn\u00e9 kni\u017enice komponentov a pok\u00fa\u0161ali ste sa spravi\u0165 vlastn\u00fd responz\u00edvny dizajn, animova\u0165 elementy, pracova\u0165 s\u00a0ich obsahom, pr\u00edpadne ich meni\u0165, prid\u00e1va\u0165 alebo odobera\u0165 pod\u013ea toho, ak\u00e9 akcie s\u00a0nimi n\u00e1v\u0161tevn\u00edk rob\u00ed? Tak v\u00e1m minim\u00e1lne technol\u00f3gie ako JavaScript alebo JQuery nie s\u00fa cudzie. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Za v\u0161etk\u00fdm h\u013eadaj JavaScript&nbsp;<\/strong><\/h2>\n\n\n\n<p>JavaScript je v\u0161ade a\u00a0bez preh\u00e1\u0148ania sa d\u00e1 poveda\u0165, \u017ee je tou skuto\u010dnou br\u00e1nou do sveta programovania. Je to celosvetovo najpou\u017e\u00edvanej\u0161\u00ed a\u00a0najpopul\u00e1rnej\u0161\u00ed objektovo orientovan\u00fd programovac\u00ed jazyk, ktor\u00fd existuje napr\u00edklad v\u010faka Node.js aj mimo front-endu. Ak sa pust\u00edte do JavaScriptu, budete sa potrebova\u0165 nau\u010di\u0165 syntax a\u00a0ma\u0165 plynul\u00fa znalos\u0165 z\u00e1kladn\u00fdch kon\u0161trukci\u00ed &#8211; cyklov, podmienok, funkci\u00ed, objektov, pol\u00ed, callbackov a\u00a0samozrejme vedie\u0165, ako z webky v\u00a0JavaScripte vytiahnu\u0165 a\u00a0pracova\u0165 s HTML elementom. \u00c1no, je to n\u00e1ro\u010dnej\u0161ie ako HTML a\u00a0CSS. V\u0161etci ale vieme, \u017ee ni\u010d na svete nie je zadarmo. Hard work definitely pays off!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modern\u00fd JavaScript a.k.a. JSX&nbsp;&nbsp;&nbsp;&nbsp;<\/h3>\n\n\n\n<p>Ide o&nbsp;ka\u017edoro\u010dn\u00fa aktualiz\u00e1ciu JavaScriptu, ktorej cie\u013eom je zavies\u0165 nov\u00e9 prvky, zjednodu\u0161i\u0165 syntax a&nbsp;p\u00edsanie k\u00f3du. Tvor\u00ed taktie\u017e z\u00e1klad pre technol\u00f3gie na vytv\u00e1ranie Single-page application, \u010do s\u00fa webov\u00e9 aplik\u00e1cie, ktor\u00e9 dynamicky prepisuj\u00fa svoj obsah d\u00e1tami zo servera bez toho, aby sa cel\u00e1 str\u00e1nka musela znova na\u010d\u00edta\u0165. V\u010faka tomu s\u00fa takto vytvoren\u00e9 webstr\u00e1nky r\u00fdchlej\u0161ie a&nbsp;responz\u00edvnej\u0161ie. Webov\u00e9 aplik\u00e1cie maj\u00fa ve\u013ea \u010fal\u0161\u00edch v\u00fdhod, no objekt\u00edvne treba poveda\u0165, \u017ee ka\u017ed\u00e1 minca m\u00e1 dve strany. Najpou\u017e\u00edvanej\u0161\u00edmi JavaScript front-end frameworkom a kni\u017enicami na vytv\u00e1ranie SPA s\u00fa v&nbsp;s\u00fa\u010dasnosti React.js, Angular.js a&nbsp;Vue.js<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/javascript.info\/\">JAVASCRIPT.INFO<\/a>&nbsp; &#8211; Kompletne free tutorial, ktor\u00fd v\u00e1s prevedie modern\u00fdm JavaScriptom od \u00fapln\u00fdch z\u00e1kladov.<\/li>\n\n\n\n<li><a href=\"https:\/\/ilovecoding.org\/blog\/js-cheatsheet\">JavaScript Cheatsheat<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.learn2code.sk\/kurzy\/online-kurz-javascript-es6?gclid=Cj0KCQjw3ZX4BRDmARIsAFYh7ZJSnOa5E9Rr8h6GwTzKky5QucZ7G04UDOCLy_HneJT1t3fDqsUaYasaAlpKEALw_wcB\">Learn2Code<\/a> \u2013 Platen\u00fd, ale komplexn\u00fd kurz modern\u00e9ho JavaScriptu.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.it-academy.sk\/kategoria\/tvorba-internetovych-stranok\/kurzy-javascript\/\">IT Academy<\/a> \u2013 Platen\u00e9 kurzy, v&nbsp;r\u00e1mci ktor\u00fdch sa nau\u010d\u00edte v\u0161etko, \u010do s&nbsp;JavaScriptom a&nbsp;jeho vyu\u017eit\u00edm s\u00favis\u00ed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Vue, React alebo Angular&#8230; Kto z&nbsp;koho?<\/strong><\/h2>\n\n\n\n<p>P\u00fdta\u0165 sa na to, ktor\u00fd z&nbsp;t\u00fdchto reakt\u00edvnych frameworkov je lep\u0161\u00ed, je to ist\u00e9, ako h\u013eada\u0165 odpove\u010f na ot\u00e1zku \u201e<em>\u010co bolo sk\u00f4r, sliepka alebo vajce?\u201c<\/em> Po pre\u010d\u00edtan\u00ed r\u00f4znych blogov a&nbsp;f\u00f3r venuj\u00facich sa tejto t\u00e9me sa skoro v\u017edy dopracujete ku&nbsp;trom rovnak\u00fdm z\u00e1verom. V\u00e1\u0161 v\u00fdber ako jednotlivca bude z\u00e1le\u017ea\u0165 na va\u0161ich preferenci\u00e1ch, sk\u00fasenostiach a na&nbsp;tom, \u010di pri v\u00fdbere zoh\u013eadn\u00edte dopyt na pracovnom trhu. React je ve\u013emi popul\u00e1rny a&nbsp;\u010do si budeme klama\u0165, aj dobre platen\u00fd. Hne\u010f po \u0148om je Vue.js, ktor\u00e9 m\u00e1 raketov\u00fd vzostup. Je jednoduch\u0161ie na za\u010diatky, ale postupne pritvrdzuje. Angular sa pou\u017e\u00edva \u010dasto v korpor\u00e1ci\u00e1ch a&nbsp;je tie\u017e dobre platen\u00fd. <br>Tak\u00e9to tvrdenia je dobr\u00e9 ma\u0165 podlo\u017een\u00e9 faktami. Preto sme poprosili spolo\u010dnos\u0165 Profesia, spol. s&nbsp;r.o. o&nbsp;p\u00e1r zauj\u00edmav\u00fdch \u010d\u00edsel, ktor\u00e9 sa via\u017eu na \u010disto slovensk\u00fd pracovn\u00fd trh.&nbsp;&nbsp;<\/p>\n\n\n\n<p>V&nbsp;roku 2019 obsahovalo zo v\u0161etk\u00fdch zverejnen\u00fdch pracovn\u00fdch pon\u00fak (253&nbsp;614) na tomto port\u00e1li&nbsp; 2770 pon\u00fak aspo\u0148 jedno z&nbsp;k\u013e\u00fa\u010dov\u00fdch slov (Angular, Vue, React). \u010co tvorilo 1,1 %.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1101\" height=\"332\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2020\/08\/Picture1.png\" alt=\"\" class=\"wp-image-20401\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1.png 1101w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-300x90.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-768x232.png 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-860x259.png 860w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-680x205.png 680w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-500x151.png 500w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-400x121.png 400w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-250x75.png 250w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-200x60.png 200w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-100x30.png 100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-76x23.png 76w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture1-50x15.png 50w\" sizes=\"auto, (max-width: 1101px) 100vw, 1101px\" \/><figcaption class=\"wp-element-caption\"><em>Zdroj: Profesia, spol. s r.o<\/em>.<\/figcaption><\/figure>\n\n\n\n<p>Ak sa pozrieme len na IT pracovn\u00e9 ponuky zverejnen\u00e9 na Profesii, tak je to u\u017e 9 %.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1028\" height=\"329\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2020\/08\/Picture2.png\" alt=\"\" class=\"wp-image-20404\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2.png 1028w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-300x96.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-768x246.png 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-860x275.png 860w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-680x218.png 680w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-500x160.png 500w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-400x128.png 400w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-250x80.png 250w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-200x64.png 200w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-100x32.png 100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-76x24.png 76w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture2-50x16.png 50w\" sizes=\"auto, (max-width: 1028px) 100vw, 1028px\" \/><figcaption class=\"wp-element-caption\"><em>Zdroj: Profesia, spol. s r.o.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Priemern\u00fd po\u010det reakci\u00ed na jednu pracovn\u00fa ponuku v&nbsp;roku 2019 bol 17. Priemern\u00e9 reakcie na ponuky, ktor\u00e9 obsahovali aspo\u0148 jeden z&nbsp;v\u00fdrazov boli ove\u013ea ni\u017e\u0161ie. Vyhovuj\u00faci kandid\u00e1ti tak \u201e\u010delili\u201c na pohovoroch ove\u013ea men\u0161ej konkurencii.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"304\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2020\/08\/Picture3.png\" alt=\"\" class=\"wp-image-20407\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3.png 747w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-300x122.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-680x277.png 680w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-500x203.png 500w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-400x163.png 400w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-250x102.png 250w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-200x81.png 200w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-100x41.png 100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-76x31.png 76w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/08\/Picture3-50x20.png 50w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><figcaption class=\"wp-element-caption\"><em>Zdroj: Profesia, spol. s r.o.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Tak ako vo svete, aj na Slovensku maj\u00fa IT ponuky ka\u017edoro\u010dne rast\u00faci charakter. Oplat\u00ed sa investova\u0165 do vzdelania. Plat\u00ed to od nepam\u00e4ti a&nbsp;ani v&nbsp;tomto pr\u00edpade to nie je inak. Navy\u0161e sa viete dosta\u0165 k&nbsp;obrovsk\u00e9mu mno\u017estvu d\u00e1t,&nbsp;inform\u00e1ci\u00ed, kurzov a&nbsp;uk\u00e1\u017eok o&nbsp;t\u00fdchto JS frameworkoch \u00faplne zadarmo.&nbsp;<\/p>\n\n\n\n<p>Aby sme ich predsa len trochu porovnali: Angular je mas\u00edvny JS framework, respekt\u00edve set n\u00e1strojov na tvorbu str\u00e1nok. React a&nbsp;Vue s\u00fa kni\u017enice, ktor\u00e9 sta\u010d\u00ed prida\u0165 do v\u00e1\u0161ho HTML k\u00f3du pomocou script tagu. \u010eal\u0161\u00ed rozdiel je v&nbsp;tom, \u017ee Angular je nap\u00edsan\u00fd \u010disto v&nbsp;TypeScripte, \u010do pre v\u00e1s znamen\u00e1 p\u00edsanie k\u00f3du v&nbsp;TypeScripte a&nbsp;to znamen\u00e1 sa ho nau\u010di\u0165. V&nbsp;Reacte a&nbsp;vo Vue si m\u00f4\u017eete vybra\u0165 medzi JSX,  JavaScriptom alebo TypeScriptom s&nbsp;t\u00fdm, \u017ee  v React je aj k\u00f3d tv\u00e1riaci sa ako HTML nap\u00edsan\u00fd v JSX, pr\u00edpadne v JavaScript.&nbsp;Vue kombinuje HTML, CSS a&nbsp;JavaScript.<\/p>\n\n\n\n<p>Pre v\u0161etky tri technol\u00f3gie s\u00fa typick\u00e9 3 veci \u2013 reakt\u00edvnos\u0165, synchroniz\u00e1cia UI s&nbsp;aktu\u00e1lnym stavom a&nbsp;programovanie pomocou komponentov, resp. samostatne stojacich komponentov, ktor\u00e9 maj\u00fa vlastn\u00fd HTML, CSS a&nbsp;JS a&nbsp;pri zmene jedn\u00e9ho sa nemus\u00edte b\u00e1\u0165, \u017ee v\u00e1m to rozh\u00e1d\u017ee v\u0161etko ostatn\u00e9.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Plusy a m\u00ednusy React<\/strong><\/h3>\n\n\n\n<p>+ najz\u00e1sadnej\u0161ia v\u00fdhoda je asi to, \u017ee zmen\u0161uje komplexitu pou\u017e\u00edvate\u013esk\u00e9ho rozhrania<\/p>\n\n\n\n<p>+ op\u00e4tovn\u00e9 vyu\u017eitie komponentov v in\u00fdch \u010dastiach aplik\u00e1cie<\/p>\n\n\n\n<p>+ dobr\u00e1 reakt\u00edvnos\u0165 v\u010faka virtual DOM konceptu<\/p>\n\n\n\n<p>+ d\u00e1 sa jednoducho integrova\u0165 do existuj\u00facich syst\u00e9mov<\/p>\n\n\n\n<p>+ ve\u013emi \u0161irok\u00e1 komunita ochotn\u00e1 pom\u00f4c\u0165<\/p>\n\n\n\n<p>&#8211; kv\u00f4li neust\u00e1lym updatom je problematick\u00e9 udr\u017ea\u0165 krok so zmenami<\/p>\n\n\n\n<p>&#8211; vy\u017eaduje znalos\u0165 JS a JSX, \u010do m\u00f4\u017ee by\u0165 prek\u00e1\u017ekou najm\u00e4 pre za\u010diato\u010dn\u00edkov<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/reactjs.org\/\">React<\/a> \u2013 ofici\u00e1lna str\u00e1nka, ktor\u00e1 v\u00e1s prevedie in\u0161tal\u00e1ciou. S\u00fa\u010das\u0165ou je aj free tutorial<\/li>\n\n\n\n<li><a href=\"https:\/\/scotch.io\/tutorials\/the-best-react-extension-for-vs-code\">React VS Code roz\u0161\u00edrenia<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/devhints.io\/react\">React.js cheatsheet<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=zbClAi9McHY&amp;t=120s\">React kurz<\/a> &#8211; \u010fal\u0161\u00ed bezplatn\u00fd kurz od Yablka na jeho Youtube kan\u00e1li ROB WEB<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Plusy a m\u00ednusy Vue<\/strong><\/h3>\n\n\n\n<p>+ model zalo\u017een\u00fd na komponentoch<\/p>\n\n\n\n<p>+ efekt\u00edvne rie\u0161enia pre anim\u00e1cie pomocou vyu\u017eitia kni\u017en\u00edc tret\u00edch str\u00e1n<\/p>\n\n\n\n<p>+ podobne ako React a Angular umo\u017e\u0148uje rendering na strane servera. V\u010faka tomu s\u00fa SPA pri indexovan\u00ed lep\u0161ie vyhodnoten\u00e9 a m\u00f4\u017eu sa dosta\u0165 na najvy\u0161\u0161ie prie\u010dky zobrazen\u00fdch v\u00fdsledkov vo vyh\u013ead\u00e1va\u010doch&nbsp;<\/p>\n\n\n\n<p>+ k\u00f3d z p\u00f4vodnej webovej aplik\u00e1cie je mo\u017en\u00e9 v\u010faka nat\u00edvnemu vykreslovaniu vyu\u017ei\u0165 aj pre tvorbu mobiln\u00fdch aplik\u00e1ci\u00ed<\/p>\n\n\n\n<p>+ podobne ako React, vyu\u017e\u00edva virtu\u00e1lny DOM, \u010di\u017ee na\u010d\u00edtavaj\u00fa sa len komponenty, v ktor\u00fdch nastala zmena, nie cel\u00e1 str\u00e1nka<\/p>\n\n\n\n<p>&#8211; zatia\u013e relat\u00edvne mal\u00e1 komunita<\/p>\n\n\n\n<p>&#8211; ve\u013ek\u00e9 mno\u017estvo dokument\u00e1ci\u00ed k existuj\u00facim pluginom je st\u00e1le nap\u00edsan\u00e1 prim\u00e1rne v \u010d\u00edn\u0161tine<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/vuejs.org\/v2\/guide\/\">Vue<\/a> \u2013 z\u00e1kladn\u00e1 in\u0161tal\u00e1cia a&nbsp;tutori\u00e1l pre Vue.js<\/li>\n\n\n\n<li><a href=\"https:\/\/dev.to\/ayekpleclemence\/vs-code-extensions-for-vue-js-1g2l\">Vue VS Code roz\u0161\u00edrenia<\/a> \u2013 \u201emust have\u201c Vue roz\u0161\u00edrenia pre VS Code<\/li>\n\n\n\n<li><a href=\"https:\/\/www.vuemastery.com\/vue-cheat-sheet\/\">Vue Cheatsheet<\/a>&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>V Chrome je dobr\u00e9 si nain\u0161talova\u0165 roz\u0161\u00edrenie Vue.js devtools.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Plusy a m\u00ednusy Angular<\/strong><\/h3>\n\n\n\n<p>+ tak ako React a Vue, je zalo\u017een\u00fd na komponentoch. V Angulari ide vlastne o triedy nap\u00edsan\u00e9 v TypeScripte.&nbsp;<\/p>\n\n\n\n<p>+ obrovsk\u00e1 komunita pou\u017e\u00edvate\u013eov a kilometre dostupnej dokument\u00e1cie, v ktorej je ale niekedy probl\u00e9m sa vyzna\u0165<\/p>\n\n\n\n<p>+ zdie\u013eanie d\u00e1t medzi komponentami je zalo\u017een\u00e9 na \u201ctwo-way-binding\u201d. Toto skvelo funguje ak s\u00fa komponenty v priamom vz\u0165ahu parent &#8211; child. Synchroniz\u00e1cia d\u00e1t medzi stavom aplik\u00e1cie a vykreslen\u00edm na obrazovke je obojsmern\u00e1. V Reacte je jednosmern\u00e1. To rob\u00ed Angular zauj\u00edmav\u00fdm.<\/p>\n\n\n\n<p>&#8211; v porovnan\u00ed s Reactom je Angular ove\u013ea n\u00e1ro\u010dnej\u0161\u00ed na u\u010denie<\/p>\n\n\n\n<p>&#8211; jemne probl\u00e9mov\u00e9 SEO. Treba pou\u017e\u00edva\u0165 kni\u017enicu Angular Universal<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/angular.io\/\">Angular<\/a> \u2013 ofici\u00e1lny web, ktor\u00fd v\u00e1s prevedie in\u0161tal\u00e1ciou Angular CLI (Command Line Interface), \u010do je v\u00fdvoj\u00e1rsky n\u00e1stroj na vytvorenie pracovn\u00e9ho prostredia a&nbsp;po\u010diato\u010dnej web aplik\u00e1cie, ktor\u00fa m\u00f4\u017eete modifikova\u0165.<\/li>\n\n\n\n<li><a href=\"https:\/\/johnpapa.net\/rec-ng-extensions\/\">Angular VS Code roz\u0161\u00edrenia<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=ybJPK7odxBY\">Angular kurz<\/a> \u2013 \u00faplne zadarmo kurz od Yablka. Zozn\u00e1mi v\u00e1s s&nbsp;touto technol\u00f3giou a&nbsp;nau\u010d\u00ed v\u00e1s ju pou\u017e\u00edva\u0165.<\/li>\n<\/ul>\n\n\n\n<p><em>Tento v\u00fdvoj\u00e1rsky n\u00e1stroj je dostupn\u00fd aj pre Vue (Vue CLI). Ak ale fi\u010d\u00edte na opera\u010dnom syst\u00e9me Windows, je mo\u017en\u00e9, \u017ee budete musie\u0165 zmeni\u0165 bezpe\u010dnostn\u00e9 nastavenia v&nbsp;Powershell, aby ste tento n\u00e1stroj v\u00f4bec mohli pou\u017e\u00edva\u0165. Powershell je u\u017e ale pevnou s\u00fa\u010das\u0165ou Windows 10.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>TypeScript<\/strong><\/h3>\n\n\n\n<p>TypeScript je nadstavbou JavaScriptu, ktor\u00e1 ho dop\u013a\u0148a napr\u00edklad o statick\u00e9 typovanie, interface a triedy. JavaScript je dynamicky nap\u00edsan\u00fd jazyk, ktor\u00fd neumo\u017e\u0148uje pou\u017e\u00edva\u0165 kompil\u00e1tor. Jednoducho mus\u00edte spusti\u0165 nap\u00edsan\u00fd k\u00f3d, aby ste zistili, \u010di funguje. Naproti tomu v\u00fdhodou p\u00edsania k\u00f3du v TypeScripte je, \u017ee v\u010dasn\u00fdm upozornen\u00edm pom\u00e1ha eliminova\u0165 chyby v\u00fdvoja ove\u013ea sk\u00f4r, ako sa vykon\u00e1 k\u00f3d. V&nbsp;podstate n\u00fati v\u00fdvoj\u00e1rov v\u0161etko jasne \u0161pecifikova\u0165. Je to v&nbsp;princ\u00edpe pr\u00edsnej\u0161\u00ed sp\u00f4sob p\u00edsania k\u00f3du.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.typescriptlang.org\/index.html#download-links\">TypeScript<\/a> \u2013 ofici\u00e1lna webstr\u00e1nka pon\u00fakaj\u00faca mno\u017estvo inform\u00e1ci\u00ed o&nbsp;TypeScripte<\/li>\n\n\n\n<li><a href=\"https:\/\/devhints.io\/typescript\">TypeScript cheatsheet<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.it-academy.sk\/vyhladavanie\/?search_word=typescript\">IT Academy<\/a> \u2013 TypeScript kurz<\/li>\n<\/ul>\n\n\n\n<p>Nech sa rozhodnete pre ak\u00fako\u013evek z&nbsp;t\u00fdchto technol\u00f3gi\u00ed, faktom je, \u017ee im patr\u00ed s\u00fa\u010dasnos\u0165 a&nbsp;minim\u00e1lne bl\u00edzka bud\u00facnos\u0165 v&nbsp;tvorbe webstr\u00e1nok a webov\u00fdch aplik\u00e1ci\u00ed. S\u00fa celosvetovo vyu\u017e\u00edvan\u00e9 ve\u013ek\u00fdmi firmami, maj\u00fa za sebou siln\u00fa komunitu pou\u017e\u00edvate\u013eov a&nbsp;kontrib\u00fatorov a&nbsp;s\u00fa ve\u013emi \u017eiadan\u00e9 na pracovnom trhu. S&nbsp;t\u00fdmito znalos\u0165ami sa ur\u010dite nestrat\u00edte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00e1te za sebou \u201ep\u00e1r\u201c spraven\u00fdch webstr\u00e1nok pomocou HTML a\u00a0CSS? Vyu\u017eili ste vo\u013ene dostupn\u00e9 kni\u017enice komponentov a pok\u00fa\u0161ali ste sa spravi\u0165 vlastn\u00fd responz\u00edvny dizajn, animova\u0165 elementy, pracova\u0165 s\u00a0ich obsahom, pr\u00edpadne ich meni\u0165, prid\u00e1va\u0165 alebo odobera\u0165 pod\u013ea toho, ak\u00e9 akcie s\u00a0nimi n\u00e1v\u0161tevn\u00edk rob\u00ed? Tak v\u00e1m minim\u00e1lne technol\u00f3gie ako JavaScript alebo JQuery nie s\u00fa cudzie. Za v\u0161etk\u00fdm h\u013eadaj [&hellip;]<\/p>\n","protected":false},"author":151,"featured_media":21138,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,10],"tags":[2382,392,1167,695,1124,2385,2391,2388],"class_list":["post-20325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technologie","category-vzdelavanie-2","tag-angular","tag-javascript","tag-programovacie-jazyky","tag-programovanie","tag-programovanie-pre-zaciatocnikov","tag-react","tag-typesrcipt","tag-vue"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"M\u00e1te za sebou \u201ep\u00e1r\u201c spraven\u00fdch webstr\u00e1nok pomocou HTML a\u00a0CSS? Vyu\u017eili ste vo\u013ene dostupn\u00e9 kni\u017enice komponentov a pok\u00fa\u0161ali ste sa spravi\u0165 vlastn\u00fd responz\u00edvny dizajn, animova\u0165 elementy, pracova\u0165 s\u00a0ich obsahom, pr\u00edpadne ich meni\u0165, prid\u00e1va\u0165 alebo odobera\u0165 pod\u013ea toho, ak\u00e9 akcie s\u00a0nimi n\u00e1v\u0161tevn\u00edk rob\u00ed? Tak v\u00e1m minim\u00e1lne technol\u00f3gie ako JavaScript alebo JQuery nie s\u00fa cudzie. Za v\u0161etk\u00fdm h\u013eadaj [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-23T07:38:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:07:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/FB-Framework-100.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vlado Zaic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vlado Zaic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/\"},\"author\":{\"name\":\"Vlado Zaic\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/beb61a1cbe9b898152cd9a916d90a7b8\"},\"headline\":\"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165\",\"datePublished\":\"2020-10-23T07:38:26+00:00\",\"dateModified\":\"2025-03-11T20:07:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/\"},\"wordCount\":1711,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/09\\\/BP-Framework-100.jpg\",\"keywords\":[\"angular\",\"javascript\",\"programovacie jazyky\",\"programovanie\",\"programovanie pre zaciatocnikov\",\"react\",\"typesrcipt\",\"vue\"],\"articleSection\":[\"Technol\u00f3gie\",\"Vzdel\u00e1vanie\"],\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/\",\"name\":\"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/09\\\/BP-Framework-100.jpg\",\"datePublished\":\"2020-10-23T07:38:26+00:00\",\"dateModified\":\"2025-03-11T20:07:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/09\\\/BP-Framework-100.jpg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2020\\\/09\\\/BP-Framework-100.jpg\",\"width\":1921,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2020\\\/10\\\/reaktivne-frameworky\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"name\":\"Websupport blog\",\"description\":\"Websupport blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\",\"name\":\"Websupport\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/beb61a1cbe9b898152cd9a916d90a7b8\",\"name\":\"Vlado Zaic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g\",\"caption\":\"Vlado Zaic\"},\"description\":\"Konten\u0165\u00e1k, ktor\u00fd a\u017e po rokoch zistil, \u017ee m\u00e1 celkom bl\u00edzko k marketingu. P\u00e4\u0165 rokov zodpovedn\u00fd za obsahov\u00fa \u010das\u0165 najv\u00e4\u010d\u0161ieho kari\u00e9rneho podujatia na Slovensku a v \u010cech\u00e1ch. Cit\u00e1t Wayna Gretzkeho \\\"You miss 100% of the shots you don't take\\\" bol pre\u0148ho life-changing...\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/vlado\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/","og_locale":"sk_SK","og_type":"article","og_title":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog","og_description":"M\u00e1te za sebou \u201ep\u00e1r\u201c spraven\u00fdch webstr\u00e1nok pomocou HTML a\u00a0CSS? Vyu\u017eili ste vo\u013ene dostupn\u00e9 kni\u017enice komponentov a pok\u00fa\u0161ali ste sa spravi\u0165 vlastn\u00fd responz\u00edvny dizajn, animova\u0165 elementy, pracova\u0165 s\u00a0ich obsahom, pr\u00edpadne ich meni\u0165, prid\u00e1va\u0165 alebo odobera\u0165 pod\u013ea toho, ak\u00e9 akcie s\u00a0nimi n\u00e1v\u0161tevn\u00edk rob\u00ed? Tak v\u00e1m minim\u00e1lne technol\u00f3gie ako JavaScript alebo JQuery nie s\u00fa cudzie. Za v\u0161etk\u00fdm h\u013eadaj [&hellip;]","og_url":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/","og_site_name":"Websupport blog","article_published_time":"2020-10-23T07:38:26+00:00","article_modified_time":"2025-03-11T20:07:48+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/FB-Framework-100.jpg","type":"image\/jpeg"}],"author":"Vlado Zaic","twitter_card":"summary_large_image","twitter_misc":{"Autor":"Vlado Zaic","Predpokladan\u00fd \u010das \u010d\u00edtania":"8 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/"},"author":{"name":"Vlado Zaic","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/beb61a1cbe9b898152cd9a916d90a7b8"},"headline":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165","datePublished":"2020-10-23T07:38:26+00:00","dateModified":"2025-03-11T20:07:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/"},"wordCount":1711,"commentCount":0,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/BP-Framework-100.jpg","keywords":["angular","javascript","programovacie jazyky","programovanie","programovanie pre zaciatocnikov","react","typesrcipt","vue"],"articleSection":["Technol\u00f3gie","Vzdel\u00e1vanie"],"inLanguage":"sk-SK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/","url":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/","name":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165 - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/BP-Framework-100.jpg","datePublished":"2020-10-23T07:38:26+00:00","dateModified":"2025-03-11T20:07:48+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/BP-Framework-100.jpg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2020\/09\/BP-Framework-100.jpg","width":1921,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2020\/10\/reaktivne-frameworky\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Svet potrebuje tvorcov webov. T\u00fdmto technol\u00f3giam patr\u00ed bl\u00edzka bud\u00facnos\u0165"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.sk\/blog\/#website","url":"https:\/\/www.websupport.sk\/blog\/","name":"Websupport blog","description":"Websupport blog","publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.websupport.sk\/blog\/#organization","name":"Websupport","url":"https:\/\/www.websupport.sk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/beb61a1cbe9b898152cd9a916d90a7b8","name":"Vlado Zaic","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2c362e6f631f835bf8fe92f9c61ab602f49d22f762f9c45229b1dc73b0316aee?s=96&d=mm&r=g","caption":"Vlado Zaic"},"description":"Konten\u0165\u00e1k, ktor\u00fd a\u017e po rokoch zistil, \u017ee m\u00e1 celkom bl\u00edzko k marketingu. P\u00e4\u0165 rokov zodpovedn\u00fd za obsahov\u00fa \u010das\u0165 najv\u00e4\u010d\u0161ieho kari\u00e9rneho podujatia na Slovensku a v \u010cech\u00e1ch. Cit\u00e1t Wayna Gretzkeho \"You miss 100% of the shots you don't take\" bol pre\u0148ho life-changing...","url":"https:\/\/www.websupport.sk\/blog\/author\/vlado\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=20325"}],"version-history":[{"count":5,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20325\/revisions"}],"predecessor-version":[{"id":34416,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/20325\/revisions\/34416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/21138"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=20325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=20325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=20325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}