holochainholochain
17

React Web UI Kit

screenshot of React Web UI Kit

A starter kit for a Holochain react based web UI

Github

Overview

The react-web-ui-kit is a powerful starter kit specifically designed for creating Holochain-based web UIs using React. It emphasizes best practices and standardization, enabling developers to build applications that are not only efficient but also maintainable. The aim is to streamline project initiation and foster the development of reusable components, making collaboration on multiple projects smoother while providing a consistent user experience across different applications.

This repository serves as a foundation for discussions surrounding various critical components such as directory structure, build systems, and code linting styles. Currently, it boasts a simplified version of the code used in holochain-ui, aiming to facilitate quick start-up for developers while adhering to industry standards in UI design and Holchain integration.

Features

  • Separate Build Systems: Tailored build systems for both Holochain zomes and React UI, streamlining the development process.
  • 100% TypeScript: Written entirely in TypeScript, ensuring strong typing and reducing runtime errors.
  • Jest for Testing: Utilizes Jest as a comprehensive testing framework, enabling effective test coverage and running.
  • ESLint Integration: Employs eslint with a standard JS style tailored for TypeScript to maintain code quality and consistency.
  • Storybook Documentation: Offers Storybook for seamless documentation and development of components, aiding developers in visualizing components in isolation.
  • Type-Safe Redux Store: Facilitates type-safe Redux actions and reducers, ensuring type integrity across state management.
  • Holochain Axios Actions: Features actions that streamline the generation of fully typed Holochain actions, replacing traditional middleware for enhanced ease of use.
  • Consistent UI Styling: Implements Material-UI for a consistent look and feel throughout applications, improving user experience.

This kit is not just a starting point; it’s a comprehensive platform that encourages collaboration and best practices in web application development within the Holochain ecosystem.