@cloudbees/react-honeyui

CloudBees HoneyUI components based on react-bootstrap

Usage no npm install needed!

<script type="module">
  import cloudbeesReactHoneyui from 'https://cdn.skypack.dev/@cloudbees/react-honeyui';
</script>

README

React HoneyUI

This project is an annex of HoneyUI Design Framework. It provides HoneyUI specific React components that can not be found directly in react-bootstrap.

Build

  • Build
yarn install
yarn build
  • Run test
yarn test

Dev Environment

While making you development use storybook as a visual test. Combine the story with a snapshot test.

start storybook

yarn storybook

making changes to honeyui

react-honeyui has a dependency on HoneyUI monorepo for the CSS it used. If you want ot implement a custom new component that required changes in HoneyUI repo but the PR is not yet merged or released use yarn lint.

  • in honeyui repo:
> yarn link
success Registered "@cloudbees/honeyui-monorepo".
info You can now run `yarn link "@cloudbees/honeyui-monorepo"` in the projects where you want to use this package and it wil
  • in react-honeyui repo:
✗ yarn link "@cloudbees/honeyui-monorepo"

Publish

To publish a new version of react-honeyui, please follow these steps

  • add an entry in the changelog here
  • increase the version, new version is the version that is going to be published to npmjs
  • publish the new version of react-honeyui to npmjs using yarn publish --access public
  • publishing the release should create a new tag locally, push the new tag to github using git push origin v.X.Y.Z
  • create the new release in github from your pushed tag here