Martin Michálek Martin Michálek  – 22. 1. 2024

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

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í.

WebTwitterGithubLinkedIn

Libor Vaněk

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í.

LinkedInTwitter

Petr Glaser

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.

LinkedInTwitter

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ů

SpotifyiTunesGoogle PodcastyTuneInRSS 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

Michal Gerz Michal Gerz

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.

Martin Michálek Martin Michálek autor

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.