streamich / rx-use Goto Github PK

• 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.

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.

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

• darkTheme$
• lightTheme$
• colorScheme$

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

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

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

Add observable that emits on media query state changes.

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

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

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.

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

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