Detecting DOM Size Changes: A Brief Introduction to the JavaScript API `ResizeObserver`

Detecting DOM Size Changes: A Brief Introduction to the JavaScript API `ResizeObserver` ## 1. A Few Words About `MutationObserver` To detect changes to DOM element attributes or nodes, we can use the `MutationObserver` object, which is supported in IE11+. For details, see the ar...

Code: Dispatching a CustomEvent

const event = new CustomEvent('show', {
  detail: { message: payload, sentAt: new Date().toLocaleTimeString() }
});

window.dispatchEvent(event);

Code: Listening for the Event Payload

window.addEventListener('show', (event) => {
  render(event.detail.message, event.detail.sentAt);
});