We’re proud to share the progress we’ve made with the first version of the HoloPort UI prototype for internal testing, which will be the first experience for a user after they have connected to their HoloPort. First and foremost, it will give you, the HoloPort owner, everything needed to successfully and easily set up, configure and maintain your HoloPort.


The hAppy team is pleased to share an update about HoloPort UI v0.1!

There are several services within the Holo and Holochain ecosystem that this front-end product pulls together. While most of these services are distributed and running on Holochain, we need a way to talk to them all in unison and to present a single data interface for our UI components (React). We’ve adapted and evolved a GraphQL client-side resolver pattern for this.

The value of GraphQL

GraphQL is a web-based query language for efficiently retrieving only the data that you want from a data set. It works particularly well with graph-based data models like the ones found in Holochain DHTs. It lets you define the types of data and their shapes (their “schema”), the ways clients can ask for data (“queries”), and things they can do to the data (“mutations”). This creates a common language for accessing your data while letting clients make their own decisions about the data they want.

Graph QL

In order to connect a GraphQL endpoint to a data set, you need to define how the underlying data store maps to the GraphQL schema. A resolver is a function that connects all the types and fields in a schema to the data store. This has worked quite well, and we’re now able to present our components with a sensible and unified API instead of multiple APIs broken up over many DNA. The result is a diverse set of distributed data sources, accessed through a single endpoint.


The importance of the HoloPort UI and user experience

For many HoloPort owners, we expect HoloPort UI will be their first substantial contact with the Holo ecosystem and their first experience using Holochain Core.

We’ve been looking into how to introduce users to these potentially unfamiliar paradigms in a way that is informative and doesn’t overwhelm, while leaving the door open for exploration.

We will be delivering a few other products as a team, shipped at the same time as HoloPort, which we think will help build out the Holochain framework.

About the hAppy Team

The hAppy Team focuses on building our core apps in the Holochain ecosystem, including DeepKey, Personas, and the hApp Store. They also work on user-focused apps based on Holochain, as well as UI-heavy tools such as the UI component library, Storybook testing, RAD GUI/scaffolding, HC Admin, hClient, Backups, HCHC, HoloChat, did:holo, and HP Admin.

Holochain Development Status:

For all changes related to this release, please see the changelog.