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.