@21epub/use-rxjs-subject

Hooks for RxjsSubject.

Usage no npm install needed!

<script type="module">
  import 21epubUseRxjsSubject from 'https://cdn.skypack.dev/@21epub/use-rxjs-subject';
</script>

README

@21epub/use-rxjs-subject

Rxjs Subject with React Hooks

NPM JavaScript Style Guide Build Status Codecov

Install

npm install --save @21epub/use-rxjs-subject

Usage

import React, { Component } from 'react'

import useRxjsSubject from '@21epub/use-rxjs-subject'

const Subject$ = new BehaviorSubject(0)

const TestFn1: React.FC = () => {
  const [state] = useRxjsSubject(Subject$)
  return <div>{state}</div>
}

const TestFn2: React.FC = () => {
  const [state] = useRxjsSubject(Subject$)
  return <div>{state}</div>
}

const App: React.FC = () => {
  return (
    <>
      <TestFn1 />
      <TestFn2 />
    </>
  )
}

For Details: See Example

Building and running on localhost

First install dependencies and then install peerDeps for parcel dev:

npm install
npm run install-peers

To run Example in hot module reloading mode:

npm start

To create a production build:

npm run build-prod

To create a bundle module build:

npm run build

Running

Open the file dist/index.html in your browser

Testing

To run unit tests:

npm test

License

MIT © garry