Front-end Digest № 42: особливості Tailwind CSS, історія Node.js та ідеальний стейт-менеджер для React

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

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

Веброзробка

• Криза ідентичності фронтенд-розробки
• Core Web Vitals: Підніміть свої вебсайти вище в пошуковій видачі
• Пояснення Interaction to Next Paint (INP)
• Що таке JSON Number?
• Node.js: Документальний фільм | Історія створення
• Занурення в редизайн сайту Node.js

• Інструменти
  • Один з колишніх розробників Node.js долучився до команди, що працює над реєстром пакетів для JS
  • Поради та підказки для DevTools
  • Випущено ESLint v9.0.0
  • Bun 1.1 — тепер ви можете запускати Bun на Windows 10 і новіших версіях
  

• API
  • Різноманіття та складність API файлових систем
  • The View Transitions API
  • Як запобігти Web API атакам за допомогою перевірки даних — Посібник з безпеки Web API

CSS

• Classless CSS на основі Tailwind
• Адаптивний дизайн з Tailwind CSS
• Малювання лінії для з’єднання елементів за допомогою CSS Anchor Positioning
• Інтерактивний посібник із CSS Container Queries
• Сучасні шаблони та техніки CSS у Campfire
• Повний посібник з логічних властивостей CSS зі шпаргалкою
• Керування фокусом користувача за допомогою :focus-visible
• Логотипи з нескінченною прокруткою на HTML та чистому CSS
• Mojo CSS проти Tailwind: Вибір найкращого CSS-фреймворку
• CSS-хуки та стан CSS-in-JS

JavaScript

• Новий метод Promise.withResolvers тепер доступний у браузерах
• Dioma — Елегантний контейнер ін’єкції залежностей для ванільного JavaScript та TypeScript
• Розвиток JS-інтеграції в Dart
• Як перетворити рядок на дату в JavaScript

• React
  • Ідеальний стейт-менеджер для React у 2024 році
  • Як use() працює всередині React?
  • Як useOptimistic() працює всередині React?
  • Посібник з впровадження Redux Toolkit: Огляд, приклади та альтернативи
  • Як Waku порівнюється з Next.js
  

• Angular
  • Angular Signal Inputs: шлях до Signal Components
  • Чиста архітектура фронтенду: Поради для успіху
  • Angular Signal Queries: спрощення запитів до DOM