Red Hat Insights Components for applications in a React.js environment

npm install: npm install @red-hat-insights/insights-frontend-components

Component import { Component } from 'node_modules/@red-hat-insights/insights-frontend-components

SCSS @import '~@red-hat-insights/insights-frontend-components/index.css';

Create a component inside of the PresentationalComponent folder

Structure

PresentationalComponents
└───YourComponent
    ├─── index.js
    ├─── your-component.js
    └─── your-component.scss

Build: npm run build Test: npm run test

There is also a playground for any development npm run playground

• Utils
  • Redux
• Components
  • Sample Component
  • Page Header
  • Section

Semantic release is used in this project, so to trigger new release you should add specific format into your commit messages and new release will be triggered when PR is merged.

Commit analyzer wildcard is used for parsing commit messages so to trigger new release add one of these strings into your commit and new release is triggered

• Major - <?.?.x>
• Minor - <?.x.x> or <?.x.?>
• Bug - <x.x.x> or <x.x.?> or <x.?.x> or <x.?.?>
• No release - <no>