Front-end Digest № 91: 10x Faster TypeScript, кастомний селект та майбутнє htmx

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

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

Веброзробка

• Демістифікація вебкомпонентів
• Майбутнє Htmx — стабільність та сумісність
• Реалізація пошуку за допомогою Astro Actions і Fuse.js
• Apollo: GraphQL тепер з’єднується з REST API без особливих зусиль
• Ліниве завантаження фонових зображень з API IntersectionObserver
• Створення браузерної гри за допомогою ванільного JS та CSS
• Oxlint вийшов у бета-реліз після понад року розробки силами спільноти

• Ефекти
  • Гра зі світлом та заломленням у Three.js: викривлення 3D-тексту всередині скляного тору
  • Реплікація CSS Object-Fit у WebGL: оптимізовані методи масштабування та позиціонування зображень
  • Рендеринг процедурного вихору всередині скляної сфери за допомогою Three.js та TSL
  • Glass Button — реалістичний ефект скляної кнопки

CSS

• Кастомний селект: історія, трюки та CSS-стилізація (частина 1)
• Швидший рендеринг з CSS-властивістю content-visibility
• Застосування View Transitions: плавна анімація border-radius за допомогою View Transition
• Нескінченна анімація логотипів
• Ненав’язливі підкреслення тексту
• Розпочинаємо експерименти з ефектом черговості
• Як накладати зображення за допомогою CSS: практичний посібник

TypeScript

• Великий анонс: TypeScript тепер у 10 разів швидший
• Для 10-кратного прискорення збірок компілятор TypeScript переписують на Go
• Відповідь Deno на нещодавню підтримку TypeScript у Node
• Enums у TypeScript: застосування, плюси та кращі підходи

JavaScript

• Як рушії ECMAScript оптимізують ваші змінні
• JavaScript-втома знову дає про себе знати
• Чому новітні фреймворки JavaScript — марна трата часу
• Як виправити помилку CORS у Vue.js

• React
  • За межами React.memo: розумніші способи оптимізації продуктивності
  • Як The New York Times систематично мігрувала з Enzyme на React Testing Library
  • Як працювати з react-scripts в умовах швидкозмінного ландшафту React.
  • Повний посібник з API AbortController
  • Експерименти з React View Transitions

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