Front-end Digest № 73: SEO для JavaScript, вичерпні масиви в Typescript та адаптивність для всього

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

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

Веброзробка

• Shopify закінчили міграцію мобільного застосунку на React Native
• Менш поширені елементи HTML і як їх використовувати у вашому коді
• Налагодження фронтенду, частина 1: Не лише Console Log
• Vercel вносить зміни до Next.js для спрощення самостійного хостингу
• Чому оптимізації вашого показника в Lighthouse недостатньо для швидкого вебсайту
• Опанування взаємодії з Next Paint (INP)
• Як реалізувати ефект природної деформації тексту при нескінченному прокручуванні

CSS

• Дружній вступ до Container Queries
• Named Scroll & View Timelines
• Бенчмаркінг продуктивності CSS @property
• Ключове слово stretch: краща альтернатива width: 100% в CSS
• Сучасні методи керування видимості контенту (details, dialog, popover)
• Новий CSS, який можна використовувати у 2024 році
• Спливаючі коментарі з CSS Anchor Positioning та View-Driven Animations
• Адаптивність для всього
• BRiCSS — Інтуїтивний генератор кастомних CSS-бібліотек з широкими можливостями налаштування
• Вкладені прямокутні фігури за допомогою CSS mask
• Що таке згладжування шрифтів WebKit

JavaScript

• Оператор ??= в JavaScript: Значення за замовчуванням спрощено
• Представляємо вам новий менеджер пакетів JavaScript: Deno
• 10 найкращих SEO-прийомів в JavaScript, які повинен знати кожен розробник
• API ResizeObserver: Підручник з прикладами
• es-toolit, альтернатива Lodash
• 20 порад TypeScript для більш чистого та ефективного коду у 2024 році
• Вичерпні масиви в Typescript та їхня роль для розробників
• Чому Alpine — це новий jQuery і чому це чудова річ
• Розкриваємо таємниці Angular DI: прихований світ інжекторів

• React
  • Створіть мікрофронтенд-застосунок за допомогою React
  • Як (не) очищувати форму після відправки даних на сервер у React
  • Як створити агрегатор розсилок з ШІ за допомогою React та AI Agents

• Vue
  • Створення додатку для чату в реальному часі з використанням Laravel Reverb та Vue
  • defineExpose та <style vars> у Vue 3 для взаємодії компонентів і тематизації

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