Skip to content

Latest commit

 

History

History
38 lines (26 loc) · 1.76 KB

README.md

File metadata and controls

38 lines (26 loc) · 1.76 KB
Raw

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.