streamich / rx-use Goto Github PK

Use web Gyroscope API to create gyroscope$() observable.

gyroscope$({frequency: 60}).subscribe(() => {});

Add observable that emits on media query state changes.

Use Battery API to create battery$ observable.

Utilities for easy creation of browser keyboard shortcuts. Useful links:

• https://stackblitz.com/edit/rxjs-hotkey?file=index.ts
• https://medium.com/@gregor.woiwode/rxjs-filterable-buffer-dd1d739f60ec
• https://github.com/ccampbell/mousetrap
• https://github.com/greena13/react-hotkeys
• https://github.com/RobertWHurst/KeyboardJS
• https://www.npmjs.com/package/react-keyboard-shortcuts

• Use pubsub functionality to build leader election on top of that.

Use Ambient Light Events API to create:

• ambientLigth$ observable.
• Make use of ambientLight$ observable in darkMode$ observable to switch between modes depending on ambient light value.

Create React hook which returns and indicator observable which signals when component was unmounted.

const MyComponent = () => {
  const unmounted$ = useUnmounted();

  useEffect(() => {
    something$.pipe(
      takeUntil(unmounted$)
    );
  }, []);
};

Add operator that tracks moving average value over n last values.

Observable which given a user screen breakpoint spec, emits the name of current. screen size.

Observable that fires when user starts typing in the browser, but no input field is selected. Analogous to useStartTyping hook.

• Observable that tracks if user is "active" on site.
• Observable that fires when user starts typing.
• Observable that listens for onbeforeunload event to fire when user tries to leave the page.

• Implement isLowEndExperience$ observable, same as here, but it should be an observable listening for network changes instead.
• prefers-reduced-motion media uqery.

Use media query API to detect if user has selected light or dark mode.

• darkTheme$
• lightTheme$
• colorScheme$