Bedrock React Components

Bedrock is a ReactJS UI component library built using Typescript. It uses Bootstrap 5 CSS framework for styling. bedrock still follows the classic way of including CSS in HTML file to decouple the design system from component library and also to improve load performance by leveraging browser caching.

The library is built and tested against the latest versions (as of date):

• React 18.2.0
• Bootstrap 5.2.3
• Node 18

NOTE: Rewrite in progress. Old code is in bedrock-old branch.

Usage

1. Add @sangupta/bedrock as a dependency in your package.json

2. Update dependencies as:

# using npm
$ npm install --save @sangupta/bedrock

# using yarn
$ yarn add @sangupta/bedrock

3. Use the components in your application:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@sangupta/bedrock';

const HelloWorld = () => {
    return <Button label='Hello World' />
}

// for React 16/17
ReactDOM.render(<HelloWorld />, document.getElementById('root'));

License

MIT License. Copyright (c) 2022, Sandeep Gupta.