# Developer Guide: React Hooks

The fundjs-react library extends the fundjs library and contains all the required React hooks to create, manage and query Payment Streams.

The code snippets in this guide are available as a full React application in our Github repository fundjs-examples (opens new window)

The Payment Streams React application was built using Cosmos Kit (opens new window), which contains all the necessary scaffolding to create a React application that includes RPC communication, and transaction signing/broadcasting using a number of wallets (such as Keplr).

Note: This guide assumes the reader is familiar with React, and associated concepts such as hooks.

# Dependencies

NodeJS >= v18.20 is recommended.

Install the fundjs-react library:

npm install @unification-com/fundjs-react

Or with Yarn:

yarn add @unification-com/fundjs-react

For creating signing and broadcasting transactions, some additional dependencies are required:

npm install @cosmjs/stargate @cosmos-kit/react @interchain-ui/react @interchain-ui/react-no-ssr @tanstack/react-query 

Or with Yarn:

yarn add @cosmjs/stargate @cosmos-kit/react @interchain-ui/react @interchain-ui/react-no-ssr @tanstack/react-query

# Querying

The fundjs-react library contains hooks for each of the gRPC query endpoints for the streams module

# useParams

# useCalculateFlowRate

# useStreams

# useAllStreamsForReceiver

# useStreamByReceiverSender

# useStreamReceiverSenderCurrentFlow

# useAllStreamsForSender