V první části naší předvánoční živé diskuze v pražských kancelářích Productboardu jsme si povídali o rychlosti a výkonu JavaScriptu a pak o moderních způsobech vkládání CSS do JS, přičemž nemůžeme minout Tailwind.
Našimi milými hosty byli Riki Fridrich, Libor Vaněk a Petr Glaser.
Shodli jsme se na několika bodech, které zde míním. Ohledně performance:
- Problém performance je využívání klientského JavaScriptu na věci, kde není vůbec potřeba.
- Ačkoliv jsme si mnozí stále myslí, že SPA je cesta k lepší performance, data ukazují pravý opak.
- My vývojáři si musíme uvědomit, že sedíme u násobně rychlejších zařízení než lidé tam venku.
- Základ je začít performance rozumně měřit a řešit už během vývoje.
Ohledně CSS (in JS):
- CSS in JS je nadužívaný koncept, vhodný zejména pro velké projekty.
- Problém většiny CSS in JS řešení je závislost na JavaScriptu a runtime zpracování stylů. Proto jsou zajímavé systémy, které dokáží generovat styly staticky, jako StyleX.
- U Tailwindu velmi zaleží na způsobu vaší práce – např. pro živý design a prototypování v prohlížeči je to skvělé.
Podcast
Celá epizoda na videu
Hosté
Riki Fridrich
Libor Vaněk
Head of Front-End Development v CDN77, kde poskytují infrastrukturu pro globální internet. Fanoušek World Wide Web platformy a rozumného přístupu k web developmentu. Má rád všechny JS frameworky, ale ještě radši je podrobuje kritickému pohledu. Kdysi dělal meetupy Vue.js, dneska migruje většinu věcí z Nextu na SvelteKit. Ve volném čase dělá pro bono projekty, jako např. web a newsletter pro novináře Davida Klimeše a konzultuje architekturu a výkon webových aplikací.
Petr Glaser
Petr Glaser v rámci projektu Nauč mě IT pomáhá lidem získat dovednosti a znalosti vhodné pro práci v IT. Říká o sobě, že je vývojář zapálený pro technologie a vzdělávání. Zaměřuje se na performance, kterou vnímá jako součást UX a přístupnosti. I díky tomu si oblíbil framework Qwik, o kterém je řeč v podcastu.
O čem si povídáme?
- Představení hostů (0:55)
- Navazujeme na diskuzi na FrontKonu(2:45)
- Statistická vsuvka a všechna naše výročí (3:20)
- První téma: performance (5:00)
- Aktuální stav JS, SPA, zacyklení mezi serverem a klientem, MPA (9:15)
- Jak z toho ven a nová metrika INP(16:30)
- Velký rozdíl mezi našim zařízeními a těmi mězi lidmi tam venku (21:30)
- Dotazy z publika (HTMX, AMP, jQuery…) (29:15)
- Druhé téma: CSS a zápis CSS v JS (32:30)
- Zase ten Tailwind (navazujema na starší podcast) (34:30)
- Rikiho obhajoba sémantického webu (47:00)
- Otázky: utility v Bootstrapu, správné přístupy u různých projektů (55:00)
- StyleX a obecně statický export CSS (58:00)
Přepis celého dílu (automatický a experimentální).
Děkujeme za spolupráci
Jiří Nečas, Productboard (prostory, organizace) — Vladimír Příhoda, Productboard (technika, střih, záznamy) — Honza Michálek (Milíčovská postprodukce) — Johana Kratochvílová, Signatura (pohledy k podepisování).
Přejeme vám příjemný poslech!
Odebírejte podcast ze Vzhůru dolů
Spotify – iTunes – Google Podcasty – TuneIn – RSS podcastů
Nápad? Chyba? Připomínka? Pochvala? Pište nám na e-mail [email protected] nebo kamkoliv jinam, hlavně, aby se to k nám dostalo.
2 komentáře
Jsem rád, že je to i na YouTube. Některé podcasty jsem tam nenašel, což je škoda (i kdyby tam měl být jen zvuk a logo VD), protože Spotify nemám rád.
Odpověď pro Michal Gerz: Díky za zpětnou vazbu. Velmi ji vítám, protože takové ohlasy se množí. Zatím to vypadá, že od letošního roku bychom na YouTube dávali úplně všechny díly podcastu.
Novinka
Nyní je možné přidávat komentáře.
Pro přidání názoru se prosím
přihlaste nebo si zřiďte účet.