Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Vyznam SPA a reaktivnych fw?

node
verified
rating uzivatele
(5 hodnocení)
30. 8. 2017 18:31:38
Ahojte,
robim na novom projekte ktory ma taky charakter ze som zvazil spravit frontend v nejakom reaktivnom JS frameworku ako SPA. Konkretne som skusal Vue a Aurelia(po celodennom prieskume aktualnych moznosti). Bolo to prvy krat co som sa tomu venoval, nakolko som sa tymto fw aktivne vyhybal(preferujem backend).
Myslel som ze web bude bezat rychlejsie kvoli shadow domu a tomu ze sa re-renderuje len to co treba a ze si spravim len jednoduche endpointy na komunikaciu namiesto renderovania obsahu na backende.
Ale ked som zistil ze ak chcem pouzit nejaku js kniznicu ktora vobec neriesi shadow dom ale funguje "normalne" tak na nu mozem bud zabudnut, alebo si vyhotovit nejaky html skeleton a az nan aplikovat funkcionalitu(cize uz SPA nie je nezavysla), priapdne ze musim hladat nejaku nodejs verziu pre konkretny FW(a to tu ani neriesim webpack, requirejs... a vsetky tie ostatne zavyslosti a konfiguracie aby sa ten js vobec skompiloval do pouzitelnej podoby), a ze ked som chcel riesit formy tak vlastne musim riesit rendrovanie pre vsetky typy prvkov a implementovat nejaku validacnu logiku na frontende a backende tak aby to spolu nejak fungovalo, a ze spravne riesit state medzi komponentami chce naozaj dobre znalosti v dizajnovani niecoho takehoto... tak som som sa na to po dvoch dnoch vykaslal.
Ak dnes pouzivam nejaky pokrocily FW alebo CMS ktore uz ma poriesene rendrovanie, formy a ostatne veci tak nechapem na co to mam znovu vsetko cele vymyslat v JS na frontende.
Co som cital nejake pre a proti argumenty tak taky najsolidnejsi bol ze si takymto sposobom viem spravit frontend pre desktop a mobil samostatne, ale zase silny kontra arugment bol ze dnes nie je problem mat na backende jeden zdroj dat(endpoint) a jeden renderer.
Cize tento argument pada a tak by ma zuajimalo ze na co su tieto JS fw dobre? Po par dnoch som sa stale nedopatral k niecomu kde by nieco taketo bolo lepsie nez klasika + jquery/vanilla js.
30. 8. 2017 18:31:38
https://webtrh.cz/diskuse/vyznam-spa-a-reaktivnych-fw/#reply1298070
GrandBlond
verified
rating uzivatele
(2 hodnocení)
30. 8. 2017 23:10:25
Ahoj,
SPA jsem zkoušel, ale přišlo mi to zbytečně pracné...nicméně používám Vue a jakmile jsem tomu přišel na chuť už nechci jinak a největší přínos vidím právě v tom, že jsem se zcela zbavil jquery (ty dlouhé kódy a těch addClass/removeClass apod.). Je to "data driven" přístup - na komponentě si nadefinuji jaká má data a pak ty data samotná mi řídí vzhled/chování (např. když je v řádku tabulky záporné číslo, tak bude řádek červený...představ si kód v jquery, ve vue to je jeden "bind class" v elementu TR). Validace řeším jen na backendu, který mi vrací případné chyby a ty zobrazuji. State mezi komponentami - na to je dobrý Vuex, máš jeden global state object a všechny komponenty komunikuji s ním, nikoliv mezi sebou. Na beckendu jen API a routy a frontend Vue. Každému vyhovuje něco jiného, mně zrovna Vue káplo do noty :).
30. 8. 2017 23:10:25
https://webtrh.cz/diskuse/vyznam-spa-a-reaktivnych-fw/#reply1298069
Holicz
verified
rating uzivatele
(5 hodnocení)
31. 8. 2017 12:39:57
Napsal GrandBlond;1407918
Ahoj,
SPA jsem zkoušel, ale přišlo mi to zbytečně pracné...nicméně používám Vue a jakmile jsem tomu přišel na chuť už nechci jinak a největší přínos vidím právě v tom, že jsem se zcela zbavil jquery (ty dlouhé kódy a těch addClass/removeClass apod.). Je to "data driven" přístup - na komponentě si nadefinuji jaká má data a pak ty data samotná mi řídí vzhled/chování (např. když je v řádku tabulky záporné číslo, tak bude řádek červený...představ si kód v jquery, ve vue to je jeden "bind class" v elementu TR). Validace řeším jen na backendu, který mi vrací případné chyby a ty zobrazuji. State mezi komponentami - na to je dobrý Vuex, máš jeden global state object a všechny komponenty komunikuji s ním, nikoliv mezi sebou. Na beckendu jen API a routy a frontend Vue. Každému vyhovuje něco jiného, mně zrovna Vue káplo do noty :).
Co používáš na backend? Doteď jsem byl jen backenďák na Symfony, ale přestává se mi ten přístup líbí a víc se mi líbí vytvořit si na backendu REST API a frontend řešit nějakým frameworkem. Zkoušel jsem React, ale nevyhovoval, ten Vue vypadá zajímavě. Kdybys k němu používal Symfony, byl bych rád za zkušenosti. Díky.
31. 8. 2017 12:39:57
https://webtrh.cz/diskuse/vyznam-spa-a-reaktivnych-fw/#reply1298068
GrandBlond
verified
rating uzivatele
(2 hodnocení)
31. 8. 2017 13:13:01
Napsal Holicz;1407994
Co používáš na backend? Doteď jsem byl jen backenďák na Symfony, ale přestává se mi ten přístup líbí a víc se mi líbí vytvořit si na backendu REST API a frontend řešit nějakým frameworkem. Zkoušel jsem React, ale nevyhovoval, ten Vue vypadá zajímavě. Kdybys k němu používal Symfony, byl bych rád za zkušenosti. Díky.
Používám Laravel, Symfony jsem ani nezkoušel, ale kdyby jsi potřeboval něco s Laravelem, tak není problém. Ale Laravel používá dost komponent ze Symfony, takže řešení a postupy budou asi dost podobné.
31. 8. 2017 13:13:01
https://webtrh.cz/diskuse/vyznam-spa-a-reaktivnych-fw/#reply1298067
Pro odpověď se přihlašte.
Přihlásit