Front-end Digest № 41: що потрібно знати про сучасний CSS, візуалізація JavaScript та погляд в майбутнє Nuxt

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

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

Веброзробка

• Про атрибути disabled та aria-disabled
• Як я оптимізував Carousel для EditorJS вдвічі.
• Встановлення та збереження налаштувань колірної схеми за допомогою CSS та краплини JavaScript
• Як створити AI Quotes Generator за допомогою OpenAI та JavaScript
• Сила часткового пререндерингу з Bun

• Продуктивність
  • Повний посібник з бюджетів вебпродуктивності
  • Як роздуття вебсторінок впливає на користувачів з повільними пристроями
  • Прощавай JS Profiler, профілювання CPU за допомогою панелі Performance

CSS

• Кольори CSS, залежні від color-scheme, з функцією light-dark()
• Що потрібно знати про сучасний CSS (весняне видання 2024 року)
• Як вбити каскад
• Сила :has() в CSS
• Додавання пікантності тексту за допомогою text-emphasis в CSS
• Вивчіть ці одиниці CSS, пов’язані з в’юпортом (100vh, 100dvh, 100lvh, 100svh)
• Як вирівняти рядки стовпців за допомогою CSS Subgrid

JavaScript

• У чому різниця між JavaScript engines та JavaScript runtimes?
• Самоліквідація Service Workers
• Візуалізація JavaScript: Promise Execution
• Посібник з впровадження Nx: Огляд, приклади та альтернативи
• Посібник для кращого управління станом за допомогою Preact Signals
• Всі доповіді конференцій JavaScript (+300) з 2023 року впорядковані за кількістю переглядів
• Ми переписали наш React-застосунок на Svelte за три тижні
• Порівняння Angular & React. Частина перша: «Глупі» та «Розумні» компоненти
• Порівняння Angular & React. Частина друга: Хуки життєвого циклу

• React
  • Нові функції в React 19 — Оновлення з прикладами коду
  • Що таке layout в React
  • Максимізація ефективності стану React: Глибоке занурення в Recoil Selectors vs useMemo для оптимальної продуктивності
  • React Server Components тепер у RedwoodJS
  • Чому мені подобається React (навіть у 2024 році)
  

• Vue
  • Використання Vue Computed Properties для відліку часу до нового Арміна ван Беррена
  • Деструктуризація пропсів Vue.js: Виклик реактивності
  • Nuxt: погляд в майбутнє
  

• Angular
  • Як Angular v17 випадково вирішив раніше нерозв’язну проблему
  • Зустрічайте новий output() API в Angular