Front-end Digest № 15: вебфотошоп, HTTP/3, покращення SEO в React та думки про Svelte 5

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

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

Веброзробка

• Фотошоп тепер у вебі!
• Чому HTTP/3 поглинає світ
• Найпростіший спосіб створення плейсхолдерів зображень низької якості
• Малювання тексту на WebGPU з використанням лише файлу шрифту
• Інструментарій доступності: WAVE vs aXe
• Кілька ідей для повноекранної анімації слайд-шоу зображень

CSS

• CSS Subgrid
• Як створювати CSS-форми у вигляді стрічки одним елементом
• 13 відтінків препроцесорів CSS
• webkit blog: Вкладеність CSS та каскад
• Open Props: CSS-фреймворк для сучасного вебу
• Відтворення ефекту спливаючого наведення за допомогою сучасного CSS
• Textarea з автоматичним збільшенням висоти за допомогою CSS
• Класичний рок, Mario Cart і чому ми не можемо дійти згоди щодо Tailwind
• Переваги та недоліки text-wrap: balance і поліфіл
• Створення інструмента для генерації CSS-спрайтів

JavaScript

• Одна річ, яку вам ніхто не пояснював про TypeScript
• MERN stack tutorial: повний посібник з прикладами

• React
  • Оптимізація продуктивності в React-застосунку
  • Перший погляд на HTMX та його порівняння з React
  • Використання react-arborist для створення деревовидних компонентів для React
  • React Advanced: Керування станами сервера у правильний спосіб
  • React Advanced: Правильне роз’єднання компонентів
  • Покращення SEO для React-застосунків за допомогою Server-Side Rendering та Static Site Generation
  • Кращі практики розробки складних форм з React Hook Form та підтримкою TypeScript

• Vue
  • Посібник з Vue 2 та Vue 3 OTP/PIN форм: Впровадження Headless техніки для бездоганних результатів

• Angular
  • Зустрічайте новий Control Flow в Angular
  • Повний посібник з CRUD-операцій в Angular з використанням NgRx
  • Перехід з React на Angular: Подолання викликів

• Svelte
  • Мої думки про Svelte 5 як Svelte-розробника з досвідом роботи на повну ставку понад 3 роки

• Libs & Plugins
  • Використання бібліотеки Driver.js для управління фокусом користувача
  • Початок роботи з LangChainJS