Rewolucja w narzędziach frontendowych: od pnpm przez Biome po zaawansowane bezpieczeństwo kodu

Published on 19.12.2024

motyl.dev<div></div></>FRONTEND

Pnpm 9.0 - Stawiając "p" w npm

TLDR: Pnpm 9.0 wprowadza ulepszoną strukturę lockfile i lepsze rozwiązywanie peer dependencies. Popularność narzędzia eksplodowała - wzrost o 15x w ciągu dwóch lat, osiągając 11 milionów pobierań tygodniowo.

Bytes #281 - Putting the "p" in npm

Biome 1.7 - Łatwa migracja z ESLint i Prettier

TLDR: Biome 1.7 wprowadza automatyczne narzędzia migracji z ESLint i Prettier, obsługuje zarówno legacy jak i flat config, a także dodaje wsparcie dla overrides i ignore patterns.

Biome v1.7

SonarQube - Zaawansowane wykrywanie podatności z Deeper SAST

TLDR: SonarQube wprowadza Deeper SAST - technologię wykrywającą ukryte podatności bezpieczeństwa wynikające z interakcji kodu aplikacji z bibliotekami zewnętrznymi. Rozszerza analizę poza tradycyjne SAST.

What is deeper SAST in JavaScript?

Interaktywna identyfikacja 3D z React Three Fiber

TLDR: Vercel stworzył interaktywną identyfikację eventową używając React Three Fiber, Blender, i biblioteki fizyki. 80 linii kodu tworzy realistyczną symulację opadającej smyczy z identyfikatorem.

Building an interactive 3D event badge with React Three Fiber - Vercel

Nowoczesne wzorce CSS w Campfire

TLDR: 37signals prezentuje nowoczesne techniki CSS używane w Campfire - oklch() do kolorów, CSS nesting, selektory :has() i :is(), oraz View Transitions. Wszystko bez preprocessorów i build stepów.

Modern CSS patterns in Campfire

useTransition - Optymalizacja wydajności React

TLDR: Hook useTransition pozwala oznaczać aktualizacje stanu jako nieblokujące transitions. Umożliwia renderowanie części UI w tle, poprawiając responsywność aplikacji bez pokazywania niepożądanych wskaźników ładowania.

useTransition – React


Disclaimer: This article was generated using newsletter-ai powered by claude-sonnet-4-20250514 LLM. While we strive for accuracy, please verify critical information independently.