Frontend přehled: AI, CSS, TypeScript 6.0

Frontend a AI: klíčové aktualizace a techniky za týden

TanStack AI rozšiřuje možnosti generování: kromě textových rozhraní podporuje tvorbu obrázků, videí, syntézu řeči, překlady i strukturovaný výstup. Díky tomu lze integrovat multimodální modely do frontendových aplikací bez externích služeb.

V oblasti AI-vývoje se posouvá od jednoduchého RAG k ontologickým přístupům. Vektorové vyhledávání ustupuje strukturovaným vztahům zejména v úlohách s právními nebo průmyslovými daty, kde je smysl vztahů kritický.

Architektura pro spolehlivý AI-kód

Problém 'hloupého' kódu z AI řeší trojúhelníková architektura s MCP-synchronizací kontextu. Úkol, prostředí a generátor jsou explicitně propojeny, čímž se zabrání ztrátě fokusu. Pro Claude Code doporučují CLAUDE.md s oknem milionu tokenů, kompresí a pravidly proti destruktivním úpravám.

• Rozšíření kontextu: až 1M tokenů pro velké projekty.
• Optimalizace: komprese bez ztráty klíčových detailů.
• Omezení: zakázáno mazání/přejmenování bez potvrzení.

CSS: matematika a nové funkce

Flexbox Masonry Layout je popsán algebrickým způsobem: rozložení prvků podle výšky s ohledem na poměr stran. Formule umožňují předpovědět konečnou geometrii bez zkoušení a chyb.

light-dark() se rozšíří na obrázky prostřednictvím @function a color-scheme(). Bram.us analyzuje typování a omezení současné implementace.

Chris Coyier ukazuje pop-upy s @starting-style a :popover-open, používající dvb/dvi pro pozicování galerie.

JS/TS: aktualizace a optimalizace

TypeScript 6.0 – finální verze na bázi JS. Node.js získal bezpečnostní opravy pro větve 25.x, 24.x, 22.x, 20.x.

Petice proti AI-kódu v jádru Node.js zdůrazňuje rizika pro kritickou infrastrukturu: LLM-generovaný kód rozmazává ruční práci a reputaci.

Parser WASM byl zrychlen o 3× u TypeScript vs Rust díky snížení složitosti z O(N²) na O(N). Benchmarky potvrzují: algoritmus je důležitější než jazyk.

KafkaJS pro producenta: nastavení acks, partití, transakcí. Vyváženost rychlosti a spolehlivosti prostřednictvím idempotence a exactly-once semantiky.

Závislosti npm rostou kvůli:

• Duplikátům verzí.
• Přímým závislostem.
• Zastaralým balíčkům bez aktualizací.

Řešení: audit, overrides, dedupe.

Vovk.ts používá procedure().handle() pro rekurzivní typy v backendu na Next.js.

Frameworky: React, Angular, Vue

TanStack Start zrychlil SSR pětkrát. Next.js 16.2: spuštění +400 %, vykreslování +50 %. Next-forge 6.0 – šablona Turborepo od Vercel.

Strawberry Browser migroval 130k řádků z Reactu do Svelte za dvě týdny pomocí AI, což zrychlilo prohlížeč dvakrát.

Angular přidal dovednosti pro AI-agenty: generování komponent, aplikací.

Vue-audio-visual na Web Audio API: sloupce, kruh, vlna, živý mikrofon.

OOP ve Vue prostřednictvím domain-driven designu: modely jako first-class citizens, bez globálních storeů.

Prohlížeče, design a dostupnost

sRGB pokrývá <35 % spektra; CIE 1931 vysvětluje nedostatek azurové barvy na obrazovkách. OLED to neřeší.

Baseline-datasety sledují funkce: 30 měsíců od novinky po širokou podporu.

Design: emocionální oblouky jako v anime (nejasnost → jasnost → vrchol → úbytek). Volba mezi modálkou a stránkou podle hloubky úkolu a kontextu.

Dostupnost: automatické testy (Axe) + ruční. Model zreálnosti pro CI/CD.

Doplňkově: Deno/Bun vs Node – Bun pro vývoj, Node pro produkci. 3D přechody na Three.js + GSAP. vue-audio-visual. Kapsová architektura s AI dokumentací.

Důležité:

• Trojúhelníková architektura řeší problémy AI-kódu prostřednictvím MCP.
• TypeScript 6.0 a bezpečnostní aktualizace Node.js jsou povinné.
• Algebra Flexbox Masonry pro předvídatelný layout.
• Petice proti AI v jádru Node.js odrazuje odvětvová rizika.
• Migrace 130k řádků React→Svelte za 2 týdny s AI.

— Editorial Team