mobx-web-api

⚡ Reactive browser APIs for MobX! Network, geolocation, media queries - zero config! 🚀

Read the docs →

import { mediaQuery, networkStatus } from "mobx-web-api";

reaction(
  () => mediaQuery.sizes.client.width,
  (clientWidth) => {
    console.log(`clientWidth changed to ${clientWidth}px`);
  }
)

reaction(
  () => networkStatus.isOffline,
  (isOffline) => {
    if (isOffline) {
      console.log('Oh no you are offline :(')
    }
  }
)