Front-end Digest № 124: чому NaN !== NaN, спливаючі підказки на CSS та чому стартапи обирають React

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

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

Веброзробка

• Я створив одну і ту ж програму 10 разів: оцінка мобільної продуктивності фреймворків
• Порівняння AI-інструментів генерації фронтенду: Claude Code, v0, Cursor, Replit
• URL як відображення стану
• Що я дізнався, переносячи Mastro з Deno на Node.js
• Створення демо-перекладача з використанням вбудованих AI API Chrome
• Як створити Serverless API за допомогою Bun і Hono
• Створення багатошарового ефекту прокрутки з масштабуванням за допомогою GSAP ScrollSmoother і ScrollTrigger

CSS

• Суперпрості стилі для Full-Bleed лейаутів
• Бездоганно спрямовані спливаючі підказки: база
• Ефекти пружності та відскоку в нативному CSS: дивовижна функція лінійної швидкості
• Почніть впроваджувати view transitions на своїх вебсайтах вже сьогодні
• Налаштування курсора для кращої доступності
• Вебелементи знають про користувача, пристрій, змінні, макет та інше
• Виявлення фолбек-позицій за допомогою anchored container queries у Chrome 143
• Сценарії використання Field Sizing
• Вбудовування критичного CSS: чи прискорює це роботу вашого вебсайту?
• Вкладки на чистому CSS з Details, Grid та Subgrid
• Як використовувати CSS line-clamp для обрізання рядків тексту

JavaScript

• Теорія
  • Чому NaN !== NaN в JavaScript (і історія IEEE 754, що стоїть за цим)
  • JavaScript для всіх: ітератори
  • Чи залишається Promise.all актуальним у 2025?
  

• React
  • Чому стартапи обирають React (і коли цього не варто робити)
  • Пояснення трьох стратегій оптимізації продуктивності React
  • Як Next.js відновив плавність клієнтської навігації
  • Next.js в ChatGPT: Vercel приносить динамічний веб в AI-чат
  

• Angular
  • Signal Forms: кінець ControlValueAccessor
  • Angular для великих масивів даних
  • Чистий код в Angular: розумні та «тупі» компоненти
  • Новий інструмент Angular з відкритим кодом забезпечує високу якість вайбкоду
  

• Ember
  • Випущено Ember 6.8

Фронтенд-меми