🌐 Frontend & Web

Resize Observer: API, которого нам не хватало десять лет назад

Ваши компоненты сжимаются, расширяются, перетекают — а вы всё ещё цепляетесь за window.resize? Resize Observer только посмеивается над этим. Пора повзрослеть.

Визуализация динамического изменения размеров веб-компонентов с API Resize Observer

⚡ Key Takeaways

  • Забудьте window.resize и поллинг — Resize Observer нативно отслеживает размеры элементов. 𝕏
  • Батчинг изменений спасает от тряски; requestAnimationFrame для тяжёлой логики. 𝕏
  • Миксуйте с Container Queries: CSS для стиля, JS для логики. 𝕏
Published by

DevTools Feed

Ship faster. Build smarter.

Worth sharing?

Get the best Developer Tools stories of the week in your inbox — no noise, no spam.

Originally reported by dev.to

Stay in the loop

The week's most important stories from DevTools Feed, delivered once a week.