Front-end Digest № 4: оптимізація продуктивності в React, CSS в Threads та анімації, керовані прокруткою

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

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

Веброзробка

• Зміна шрифту: З’явився новий шрифт Microsoft за замовчуванням
• Як шарити та повторно використовувати мікрофронтенди
• Як створити сайт, ніби зараз 1999 рік
• Практичний посібник з Service Workers
• Приклад роботи анімації, керованої прокруткою (CSS API vs JavaScript API vs classic JavaScript)

• Інструменти
  • Нове в Chrome 115
  • Prettier 3.0: привіт, ECMAScript Modules!

• Доступність
  • Забезпечення доступності чисел у вебконтенті
  • Особливості доступності в процесі розробки програмного забезпечення

CSS

• Написання CSS у 2023 році: Чи відрізняється воно від того, що було кілька років тому?
• CSS знахідки в застосунку Threads
• Можливості Sass в CSS
• Анімація прогресу прокрутки в CSS
• Як спростити стилі форм за допомогою CSS accent-color
• Створення адаптивних таблиць даних за допомогою CSS
• Відео: Сучасна CSS верстка — це круто
• Створення піксельних зображень лише за допомогою CSS

JavaScript

• Особлива природа JavaScript
• Пишемо модель кубика Рубіка у 10 рядків JavaScript коду
• Варіанти використання HTML’s Web Storage API
• Вивчення Web Audio та Web MIDI API з віртуальними піаніно
• chatgpt.js — Потужна клієнтська JavaScript бібліотека для ChatGPT

• React
  • NextJS та нові серверні компоненти — навіщо потрібні та як готувати
  • Створіть застосунок за допомогою React та Supabase
  • Створення прогресивного вебзастосунку з React
  • Розширення React за допомогою Astro та Cloud Functions
  • Оновлення стану під час рендерингу, пояснення
  • Вивільнення швидкості: Методи оптимізації продуктивності для React-застосунків

• Vue
  • Наслідування vs. композиція у Vue
  • Реалізуйте реактивну систему Vue.js з нуля
  • Пряма трансляція з Mux та Nuxt.js

• Angular
  • Angular Dependency Injection: Посібник для початківців
  • Прощавай, Getter, привіт, Signals
  • 15 поширених запитань та відповідей на співбесіді з Angular-розробником