mobx-web-api

[![NPM version][npm-image]][npm-url] [![build status][github-build-actions-image]][github-actions-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

[npm-image]: http://img.shields.io/npm/v/mobx-web-api.svg
[npm-url]: http://npmjs.org/package/mobx-web-api
[github-build-actions-image]: https://github.com/js2me/mobx-web-api/workflows/Builds,%20tests%20&%20co/badge.svg
[github-actions-url]: https://github.com/js2me/mobx-web-api/actions
[download-image]: https://img.shields.io/npm/dm/mobx-web-api.svg
[download-url]: https://npmjs.org/package/mobx-web-api
[bundlephobia-url]: https://bundlephobia.com/result?p=mobx-web-api
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/mobx-web-api

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

$3

``ts
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 :(')
}
}
)
``