WebSDK Architecture

The basic layout of the SDK is simple, it has React app at its Core which is wrapped around with its own custom store management. For now we use Zustand due to its Hooks based paradigm as it is more scalable and having one big store keeps things simple. It also comes with features likes having custom functions to handle the re-rendering of the components. To know more about zustand check their docs

You can leverage the useHuddleStore hook to access the store. Read more about Store States

Your Application must be wrapped with the HuddleClient Provider, which plugs in the Huddle01 SDK in your application.

Provider is necessary to initalise the HuddleClient Class which exposes all the Client Methods which is invoked for different use case.

Architecture Overview