Hooks for RxjsSubject.

Usage no npm install needed!

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



Rxjs Subject with React Hooks

NPM JavaScript Style Guide Build Status Codecov


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


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


Open the file dist/index.html in your browser


To run unit tests:

npm test


MIT © garry