LIVE: Diskuze o performance a CSS

Vzhůru dolů 24.03.2024 08:30 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 : 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 Riki píše JavaScript ve firmě Outreach. Učí ostatní, jak psát Javascript. Přednáší na konferencích a setkáních. Většinou o Javascriptu. Riki je z Ládví. Web – Twitter – Github – LinkedIn 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í. LinkedIn – Twitter 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. LinkedIn – Twitter O čem si povídáme? Představení hostů Navazujeme na diskuzi na FrontKonu Statistická vsuvka a všechna naše výročí První téma: performance Aktuální stav JS, SPA, zacyklení mezi serverem a klientem, MPA Jak z toho ven a nová metrika INP Velký rozdíl mezi našim zařízeními a těmi mězi lidmi tam venku Dotazy z publika Druhé téma: CSS a zápis CSS v JS Zase ten Tailwind Rikiho obhajoba sémantického webu Otázky: utility v Bootstrapu, správné přístupy u různých projektů StyleX a obecně statický export CSS Přepis celého dílu . Děkujeme za spolupráci Jiří Nečas, Productboard — Vladimír Příhoda, Productboard — Honza Michálek — Johana Kratochvílová, Signatura . 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 podcast@vzhurudolu.cz nebo kamkoliv jinam, hlavně, aby se to k nám dostalo.