Front-end Digest № 99: Figma Sites, чи подобається комусь React і NPM у небезпеці
Привіт, колеги. Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенду за останній тиждень.
Веброзробка
• Колірні моделі для людей і пристроїв
• NPM у небезпеці: хакери використовують кросмовні пакети-підробки
• RSC для розробників на Astro
• gRPC vs REST: вибір найкращого підходу до проєктування API
• Як створювати перезавантажувані та реюзабельні вебкомпоненти в Stencil
• 14 порад щодо вебпродуктивності на 2025 рік
• On-Scroll 3D Carousel
• Вартові Матриці: створення динамічних слідів частинок за допомогою TSL
- Інструменти
• Велике оновлення Figma — публікуйте свої проєкти в вебі за допомогою Figma Sites
• Альтернативна думка: не публікуйте свої дизайни в вебі з Figma Sites...
• Перенесення JavaScript-проєкту з Prettier та ESLint на BiomeJS
• Специфікація деплою Next.js полегшує хостинг клієнтської частини
CSS
• Використання Container Query одиниць відносно зовнішнього контейнера
• Masonry в CSS: чи повинен Grid еволюціонувати, чи поступитися місцем новому модулю
• shape(): новий потужний синтаксис малювання в CSS
• Smashing Animations Part 1: як класичні мультфільми надихають сучасний CSS
• Оновлення Popover та CSS Anchor Positioning Polyfills
• Чи доступні «CSS Carousels»
• Верстка гітарних акордів в CSS
• Орбітальна механіка (або як я оптимізував CSS Keyframes Animation)
• Тіні для скролбарів з використанням анімацій, керованих прокручуванням
• Як користуватися плагіном Tailwind Typography
• Як використовувати кастомні шрифти в Tailwind CSS
JavaScript
• Error.isError(): кращий спосіб перевірки типів помилок у JavaScript
• Сила spread та rest синтаксису в JavaScript
• Як форматувати дати в JavaScript: Методи, бібліотеки та найкращі практики
• Vue Basics: Тестування за допомогою Vitest
• Як і коли використовувати приведення типів у TypeScript
• Запуск TypeScript у Node.js: tsx vs ts-node та native
- React
• JSX.lol — комусь взагалі подобається React?
• Розуміння революції рендерингу в React: hydrateRoot та нова парадигма SSR
• mono-jsx — `<html>` as a `Response`
• React View Transitions та Activity API tutorial: анімація клону AirBnB
Фронтенд-меми
Ivan Petruk
1 коментар
Додати коментар Підписатись на коментаріВідписатись від коментарів