Front-end Digest № 76: що крім React, реліз Vite 6 та Deno проти Oracle

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

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

Веброзробка

• Три (не) душних питання для співбесіди Front-end Middle

• Інструменти
  • Vite 6.0 вийшов!
  • Чому ми навчилися, мігруючи з Webpack на Vite
  • У Google Chrome з’явився вбудований АІ-асистент. Як використовувати його для розробки та тестування
  • ШІ для веб-роботи
  • Чому розробникам варто спробувати предиктивний ШІ
  

• Продуктивність
  • 10 способів зменшити обсяг мережевого трафіку
  • Створення (та вдосконалення) нового індексу веб-продуктивності
  • Web Performance API: вимірюйте те, що важливо
  • Попереднє завантаження адаптивних зображень

CSS

• Система для перевірки підтримки вебстандартів у браузерах
• CSS Math Eval, тепер краще і дивніше
• Мої три найбажаніші функції CSS для таблиць
• Налаштування єдиного набору кольорів для світлого і темного інтерфейсів
• Адаптація до user motion та налаштувань теми за допомогою CSS і JavaScript
• Використання CSS Gap для керування розриву між тегами текстових сторінок
• Реалізація повноекранного макета за допомогою новітніх CSS-технологій
• CSS-хитрощі. Як нові властивості змінюють розробку адаптивних інтерфейсів
• Як працює успадкування стилів в CSS: практичне керівництво

JavaScript

• Deno проти Oracle: скасування торгової марки JavaScript
• Як зменшити час виконання JavaScript
• Ажіотаж навколо Signals
• Робота з Scheduler API в JavaScript
• Освоєння розширених концепцій TypeScript для надійних застосунків
• Типи утиліт TypeScript: повний посібник

• React
  • Якщо не React, то що
  • Анатомія React Island
  • Як створити гру з картками пам’яті за допомогою React
  • Архітектура React, що базується на функціях
  • Керування параметрами пошуку в Next.js за допомогою nuqs
  • Отримання даних за допомогою функції loader в Remix
  

• Vue
  • Як оптимізувати продуктивність у застосунках Nuxt
  • Надсилання електронних листів у Nuxt 3: як я обробляю електронні листи у своєму шаблоні SaaS
  • Розробка інструменту для видалення фону зображень на основі Vue і Transformers.js
  

• Angular
  • Як працюють Angular Signals під капотом
  • Оптимізація Angular-застосунків: досягнення блискавичної швидкодії
  

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