An open API service indexing awesome lists of open source software.

https://github.com/ghostffcode/0xtoolkit


https://github.com/ghostffcode/0xtoolkit

Last synced: about 1 year ago
JSON representation

Awesome Lists containing this project

README

          

[![Node CI](https://github.com/Aakash1103Jha/react-component-lib/actions/workflows/node-ci.yml/badge.svg?branch=master)](https://github.com/Aakash1103Jha/react-component-lib/actions/workflows/node-ci.yml) ![GitHub repo size](https://img.shields.io/github/repo-size/Aakash1103Jha/react-component-lib)

# React Component Library

A collection of different UI components for React projects, written in TypeScript.

## Stack:

![react-3](https://user-images.githubusercontent.com/52240895/159778641-89c4392f-d61f-4ec2-bad1-0a76d38d981e.png) ![typescript-3](https://user-images.githubusercontent.com/52240895/159778471-a78b5078-79fa-45fe-92f3-4c3b6cb684a1.png) ![rollup-dot-js](https://user-images.githubusercontent.com/52240895/159778932-958b8a26-7073-41ff-9194-009c94f5a1a9.png)![22632046](https://user-images.githubusercontent.com/52240895/161403710-7640f7b1-e6e1-4d41-81a6-6e6aa70fd5b8.png)

1. React
2. TypeScript
3. Storybook - for testing component in isolation
4. Rollup (for bundling)
5. npm (for local testing and later for publishing)

## Installation

1. For now, you can download a zip file of this project, open it up and run `npm i` to install all the dependencies.
2. Once done, run `npm link` to create a global link for this project on your local system.
3. From any project that you want to use this library in, run `npm link react-component-lib`

## Request New Components

This project is in it's early stages of development. I have started with the simpler UI elements and will gradually move towards more complex ones. If you have any ideas, or want some component to be included, please be sure to add it as a `new request` in the Issues section.

## References

1. How to write stories - [Storybook Official Docs]

[storybook official docs]: https://storybook.js.org/docs/react/writing-stories/introduction

---

```json
{ "version": "0.0.1 - beta" }
```