open-index/open-npm huggingface dataset:
npm package: @fsfe/react-library-base
Description: This is a common repository of UI elements
Latest version: 0.1.3

# [react-library-base](https://www.npmjs.com/package/@fsfe/react-library-base)

This is a common demo repository of UI elements for React and NextJS apps

`yarn add @renassimo/react-library-base`

## Demo

## Run and find elements in local server

- Clone this repo
- Install project by running `yarn` command
- Run `yarn storybook` to look at component instances on http://localhost:6006/

## WorkFlow

- All components should be created in [src/lib](src/lib) directory
- Create tests on [src/\_\_tests\_\_](src/__tests__) directory only
- Each component should be exported from `index.js` file in [src/lib](src/lib)
- Each component's demo should be added to storybook ([src/stories](src/stories))

## Publishing package

You should do it by promotion button on semaphore.
It's possible on the `master` branch only.
You can publish with updating to new patch (ex. `1.2.0` -> `1.2.1`),
minor (ex. `1.3.1` -> `1.4.0`) or major (ex. `1.3.1` -> `2.0.0`) versions.

Each promotion will create a new tag in github repo and update version in `package.json` file:

#### DANGER ZONE!!!

- If any problems acquired just update version manually in `package.json`, run `yarn dist` and then `yarn publish dist` commands.
- DO NOT run `npm logout` command - it will kill current npm token, you should get new one
- To remove the version of package run command like `npm unpublish -f @renassimo/react-library-base@1.1.6` - that will remove version `1.1.6` if it has not too many downloads.
- To deprecate the version of package run command like `npm deprecate @renassimo/react-library-base@0.1.2 'Deprecated message'` - that will deprecate version `0.1.2`.

## Install

If you use NPM:

```
npm install --save @fsfe/react-library-base
```

Or if you use yarn:

```
yarn add @fsfe/react-library-base
```

### Install from local

If you use NPM:

```
npm install --save ../react-library-base/dist
```

Or if you use yarn:

```
yarn add ../react-library-base/dist
```

Where `../react-library-base/dist` - is the path to local react-library-base repository's `dist` directory.
Run `yarn dist` before installing the local package to have actual version.

## Setting up in the project (If this package is private)

- Create `.npmrc` file in the root of directory
- Add:

```
//registry.npmjs.org/:_authToken=
```

- Add read only auth token after `=`

## Using component in the project

- Just import as in example bellow:

```jsx
impport { Logo } from '@fsfe/react-library-base';
```

- Use it like the ordinary component