README

@skillwill/business-components - Skill Will Business Components Library

Component Usage

Let's say you created a public NPM package called @skillwill/business-components with the TestComponent component created in this repository.

Usage of the component (after the library installed as a dependency into another project) will be:

import React from "react";
import { TestComponent } from "@skillwill/business-components";

const App = () => (
    <div className="app-container">
        <h1>Hello I am consuming the component library</h1>
        <TestComponent theme="primary" />
    </div>
);

export default App;

Technologies Used

This project includes:

It also features:

:white_check_mark: Storybook to help you create and show off your components
:white_check_mark: Jest and Enzyme enabling testing of the components

Development

Testing

npm run test

Building

npm run build

Storybook

npm run storybook

Installing component library locally

Let's say you have another project (test-app) on your machine that you want to try installing the component library into without having to first publish the component library. In the test-app directory, you can run:

npm i --save ../react-component-library

which will install the local component library as a dependency in test-app. Your components can then be imported and used.

Publishing

First make sure that you've updated the name field in package.json to reflect your NPM package name in your private or public NPM registry. Then run:

npm publish

Usage no npm install needed!