Wasabi UI-Common

• Product dependencies
• Build dependencies

Getting Started

This library depends on your application using React >= 18.2.0

npm

yarn install @bluearchive/ui-common

Using the Common Theme

import React from 'react';
import { ThemeProvider } from 'styled-components';
import { Theme, muiTheme } from '@bluearchive/ui-common';
import { MuiThemeProvider } from '@material-ui/core/styles';

import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <ThemeProvider theme={Theme}>
      <MuiThemeProvider theme={muiTheme}>
        <App />
      </MuiThemeProvider>
    </ThemeProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

Supported Environment Variables

REACT_APP_REPORT_ERRORS=true  // used for enabling local non-production
REACT_APP_BUILD_VERSION="dev" // build/release string
REACT_APP_REPORT_ERRORS_DEBUG=true // allow sentry debug output to console

Available Scripts

In the project directory, you can run:

yarn clean

Cleans out the dist folder which contains the library assets for publishing to npm

yarn build

Builds the library assets in preparation for publishing to npm

yarn storybook

Starts the storybook application which drives the development environment for this library.

yarn build-storybook

Builds the storybook application which drives the development environment for this library.