Resize Observer
API przeglądarki powiadamiające o zmianie rozmiaru konkretnego elementu, a nie tylko całego okna. Rozwiązuje problem reagowania na zmianę wymiarów pojedynczego kontenera, niezależnie od przyczyny (zmiana okna, układu, zawartości).
Dawny problem: zdarzenie window.resize mówi tylko, że zmieniło się OKNO, a nie czy rozmiar pojedynczego elementu zmienił się z innego powodu (rozsunięty panel boczny, rosnąca zawartość, przeliczenie flexboxa). Odpytywanie o rozmiar elementu było kosztowne i szarpane. Resize Observer wywołuje callback dokładnie wtedy, gdy zmienia się rozmiar obserwowanego elementu, i podaje nowe wymiary — wydajnie i bez layout thrashingu. Zastosowania: przerysowanie canvasa lub wykresu po zmianie kontenera, rozwiązania „container query” w JS (zanim pojawiły się w CSS), dopasowanie komponentu do własnej szerokości. Zaleta: precyzyjne monitorowanie rozmiaru konkretnego elementu. Jeden z trzech obserwatorów (Intersection, Resize, Mutation). Dziś do czysto stylistycznych potrzeb uzupełniają go zapytania kontenerowe CSS, ale gdy to JS ma zareagować na wymiary, Resize Observer jest niezbędny.