react-mono-repo

This repository serves as an example for learning, bundling and publishing a React component library as a part of mono-repo. It is part of the article about "Bundling React NPM packages in monorepo using Rollup"

This mono-repo contains two workspaces and uses lerna to manage them.

• webapp : contains the front-end source code of the entire application
• component-library : contains reusable and exportable components

You can clone the repo and follow the blog here to know about creating and bundling the component library.

The component library is published to a public NPM Registry here which can be used as and when required.

Package link: @noobhead/react-component-library

The components present in the library have theming and localization support already in place.

In order to use the components in the library, simply add the package as a dependency in your project using the below command

npm install @noobhead/react-component-library  # using npm
yarn add @noobhead/react-component-library     # using yarn

Example

import React from 'react';
import { NotFoundComponent } from "@noobhead/react-component-library";

export default function Example() {

  return (
    <NotFoundComponent
      language={"en"}
      primaryThemeColor={"#FF0074"}
      secondaryThemeColor={"#15B1B0"}
      primaryFontColor={"#727272"}
      secondaryFontColor={"#000000"}
    />
  );
}