AnnieMcMahon / react-ts-library

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-TypeScript Component Library

A component library for building React applications faster

Technology used

CSS, TypeScript, React

Web page

https://www.npmjs.com/package/react-ts-library

Instructions

Cloning this repository

Fork this repository (click on the Fork icon on GitHub)

In your code editor (I use Visual Studio Code), open the folder where you want to add this project
(example: C:\myAwesomeProjects)

Open a terminal and clone the project
(copy and paste your fork's URL after "git clone"):
git clone https://github.com/<YOUR-USERNAME>/react-ts-library.git

Open the project folder in your code editor
(example: C:\myAwesomeProjects\react-ts-library)

Install dependencies:
npm install

Opening Storybook

Run Storybook to open a webpage showing examples of each component:
npm run storybook

How to use this library in your project

Open your project's folder in your code editor and install the library:
npm install react-ts-library

Once installed, import the components into your project as you would any other component.

Example project using this library

For an example of a project using this library, visit https://github.com/AnnieMcMahon/testing-react-library

Feel free to clone this example project to experiment with the component library (create a fork and clone following the same guidelines as above).

After installing the dependencies, run the project:
npm run dev

Open the app on http://localhost:5173/
(CTRL+click on the link to open the web page, or type it on your browser)

About


Languages

Language:TypeScript 72.8%Language:JavaScript 15.7%Language:CSS 11.5%