ux4iot-react

Streaming live data from an azure iothub can be a lot of work. ux4iot solves this problem by providing a service, easy to deploy and use, to interact frictionless with your Azure IoTHub. Use the hooks in this library to implement your use cases for live data and device methods. As an example: Using live data in your react application will be as easy as writing

const myTelemetry = useSingleTelemetry('myDevice', 'myTelemetry');

in your react components.

This library provides hooks for:

useTelemetry - Subscribe to telemetry of multiple devices
useSingleTelemetry - Subscribe to a single telemetry key of a device
useDeviceTwin - Subscribe to device twin changes of a device
useConnectionState - Subscribe to connection state updates of a device
useDirectMethod - Execute a direct method on a device
usePatchDesiredProperties - Update the desired properties of a device
useD2CMessage - Use the raw messages sent by your devices

Installation

npm install ux4iot-react

Check out the Documentation for

Additional options
Hook API
ux4iot API
reference to other related libraries of the ux4iot service

You might also like...

RTConnect is an easy-to-use React component library that enables developers to set up live, real-time video calls, between multiple connected peers on different computers

RTConnect is an easy-to-use React component library that enables developers to set up live, real-time video calls, between multiple connected peers on different computers in a React app.

64 Dec 27, 2022

Simple and elegant component-based UI library

Simple and elegant component-based UI library Custom components • Concise syntax • Simple API • Tiny Size Riot brings custom components to all modern

14.7k Jan 8, 2023

A tiny ( 1KB) reactivity library

influer A tiny ( 1KB) reactivity library yarn add influer Introduction influer is a tiny reactivity library. Exported in ESM, CJS, and IIFE, all 1K

7 Jul 13, 2022

Fire7 is a small library that implements real-time data binding between Firebase Cloud Firestore and your Framework7 app.

6 May 15, 2022

A lightweight library to create reactive objects

Reactivity As the name says, Reactivity is a lightweight javascript library to create simple reactive objects. Inspired in Redux and Vuex Get started

2 Oct 28, 2021

A blazing fast, dependency free, 1kb runtime type-checking library written entirely in typescript, meant to be used with it.

90 Dec 9, 2022

Comments

Fix retry timeout on socket server error

Previously we just had a restart mechanism in place to resubscribe in case of server disconnect events. If the server threw an error we didnt subscribe after the server was restarted. This fix resubscribes all registered subscriptions, regardless of the reason, the ux4iot server might not be available.

opened by j-oliver 1
new subscription workflow
Add

new subscription workflow

useMultiConnectionState

new state management for ux4iot base

aligned callback methods (breaking)

rework codebase

Don't merge until integration tests pass
opened by j-oliver 0
Fix multiple reinitialization
Bug description

Whenever a component rerendered, that was rendering a Ux4iotContextProvider, the socket was not destroyed. Afterwards, multiple active sockets were still subscribed to data, which was not consumed. This was because

the initialization of the Ux4iot Socket is asynchronous which caused race conditions

multiple side-by-side initializations were allowed

the sockets weren't disconnected whenever the Ux4iotContextProvider unmounted

Solution

A ref in the Ux4iotContextProvider, checking whether the ux4iot is currently initialized

A dedicated useEffect to call the destroy function on a potentially active ux4iot instance

Additional checks for client or server disconnects within the Ux4iot class

Notes

Some console.logs were deleted and the Testing App now has more options to simulate real app situations like unmounts, multiple reloads, etc.
opened by j-oliver 0