Front-end Digest № 43: ризики HTML-листів, :has() в реальному світі та фронтенд за межами React

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, колеги. Мене звати Олександр і я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенда за останній тиждень.

Веброзробка

• Google представляє Jpegli: нову бібліотеку кодування JPEG
• Розуміння Interaction to Next Paint (INP)
• Kobold letters — чому HTML-листи становлять ризик для вашої організації
• Доступність в US: ADA тепер має правила щодо доступності вебконтенту та мобільних додатків
• Що, якби у вас був реальний контроль над Light Mode/Dark Mode на кожному сайті?
• Як би ви створили Wordle за допомогою лише HTML та CSS?
• Анімація стека зображень, що з’являються

• Інструменти
  • Представляємо вам ESLint Config Inspector, візуальний інструмент, який допоможе вам зрозуміти та перевірити файли конфігурації ESLint
  • Посібник з Jest: Огляд, приклади та альтернативи
  • Deno: Як ми створили JSR (JavaScript Registry)

CSS

• Деякі маленькі способи використання CSS :has() в реальному світі
• Чи є вбудовані стилі швидшими за CSS?
• Як відображати специфічні для мови лапки в CSS
• Розсувні рамки 3D-зображень у CSS
• Gap — це новий margin
• Тестування HTML з сучасним CSS
• Інтерфейс додавання/видалення тегів на основі CSS
• Desert Racer️: Перша у світі гра з підтримкою свайпів тільки на CSS!

JavaScript

• JavaScript Signals proposal прийнято до розгляду комітетом TC39
• Що подивитися на вихідних про JavaScript
• Створення вебкомпонентів терміналів за допомогою Termino.js
• Kosko — Впорядкувати Kubernetes маніфести у JavaScript
• Фронтенд-розробка за межами React: Svelte (1/3)

• React
  • React Server Component у двох словах
  • Створення навігаційної панелі в React
  • Як створити Marquee-компонент за допомогою React
  • Налаштування Storybook для React Components
  • Zustand та React Context
  

• Vue
  • Речі, які мені більше подобаються у Vue, ніж у React
  • Чому Nuxt робить ваше життя у Vue кращим
  

• Angular
  • Завжди робить unsubscribe. Без винятків. Дебати завершено.
  • Підсумки ngConf 2024
  • Управління станами в Angular за допомогою NgRx Signal Store
  • З’єднання Analog з Angular за допомогою esbuild та Vite