rockblings-react-component-library

React Component Library

This project skeleton was created to help people get started with creating their own React component library using:

• Rollup
• Sass
• TypeScript

It also features:

• ✅ Storybook to help you create and show off your components
• ✅ Jest and Enzyme enable testing of the components

Read my blog post about why and how I created this project skeleton ▸

Development

Testing

npm run test

Building

npm run build

Storybook

npm run storybook

Publishing

npm run publish

Component Usage

Let's say you created a public npm library called harvey-component-library with the TestComponent component created in this repository.

Usage of the component (once published to the registry and then installed into another project) will be:

import React from "react";
import { TestComponent } from "harvey-component-library";

const TestApp = () => (
    <div className="app-container>
        <TestComponent theme="primary" />
    </div>
);

export TestApp;