custom-components-lib

Task

Innowise Lab Internship: Custom-components-lib

The essence of the application is to create your own component library and publish it as an NPM package. |
Суть приложения: создание собственной библиотеки компонентов и публикация ее, как NPM пакет.

Link to task description

Technologies used

• webpack
• react
• typescript
• eslint, prettier, husky
• jest, react testing library
• storybook

How to run the app

1. Clone this repository

git clone https://github.com/anastshak/custom-components-lib.git

2. Install dependencies

npm install

How to use the library

1. Create a react app (template)

2. Install the library (link to npm package)

npm i @anastshak/custom-components-lib

3. Example of using a component from the library:

import React from "react";
import { Button } from "@anastshak/custom-components-lib";

export const App = () => {
  return <Button variant="contained" size="small">Click me</Button>;
};

Useful scripts

1. For component preview:

npm run storybook

2. For identifying coding style issues and potential errors:

npm run lint

3. For fixing errors:

npm run lint:fix

4. For checking coding style issues:

npm run prettier

5. For code formatting and ensuring uniform code style:

npm run format:fix

6. For testing:

npm run test