mqtt-hooks
TypeScript icon, indicating that this package has built-in type declarations

1.0.10 • Public • Published

mqtt-react-hooks

CircleCI Maintainability Test Coverage Language grade: JavaScript

Pub/Sub communication with an MQTT broker using React Hooks

Almond

#### Simple but complicated mqtt hook

Overview

This library is focused to help you to connect, publish and subscribe to a Message Queuing Telemetry Transport (MQTT) in ReactJS with the power of React Hooks. The library is a modification of mqtt-react-hooks found here.

Flow of Data

  1. WiFi or other mobile sensors publish data to an MQTT broker
  2. ReactJS subscribes to the MQTT broker and receives the data using MQTT.js
  3. React's state is updated, and the data is passed down to stateless components

Hooks Available

  • useMqttState -> return { status, mqtt }
  • useSubscription(topic) -> return { mqtt, status, lastMessage }

Usage

Currently, mqtt-react-hooks exports one enhancers. Similarly to react-redux, you'll have to first wrap a root component with a Connector which will initialize the mqtt instance.

/mqtt-hooks/

    Package Sidebar

    Install

    npm i mqtt-hooks

    Weekly Downloads

    5

    Version

    1.0.10

    License

    MIT

    Unpacked Size

    22 kB

    Total Files

    31

    Last publish

    Collaborators

    • mashafrancis