# react-sinprors-lib

> Vite TypeScript library npm package template

Latest version **1.5.55** (published 2026-09-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-sinprors-lib
pnpm add react-sinprors-lib
yarn add react-sinprors-lib
bun add react-sinprors-lib
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.5.55 |
| Published | 2026-09-15 |
| First published | 2024-01-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 54 |
| Unpacked size | 8.3 MB |
| Known vulnerabilities | 0 (+41 in 5 direct dependencies) |
| Install scripts | no |
| Maintainers | antoniolago, tisinprors, sixxy.zero |

## Links

- npm: https://www.npmjs.com/package/react-sinprors-lib
- npm.io page: https://npm.io/package/react-sinprors-lib

## Dependencies (54)

- [qs](https://npm.io/package/qs.md) 6.13.0
- [ajv](https://npm.io/package/ajv.md) 8.0.0
- [yup](https://npm.io/package/yup.md) 1.4.0
- [clsx](https://npm.io/package/clsx.md) 2.1.1
- [vite](https://npm.io/package/vite.md) 7.1.11
- [axios](https://npm.io/package/axios.md) 1.7.7
- [react](https://npm.io/package/react.md) 18.3.1
- [tslib](https://npm.io/package/tslib.md) 2.7.0
- [dotenv](https://npm.io/package/dotenv.md) 16.4.5
- [eslint](https://npm.io/package/eslint.md) 9.10.0
- [moment](https://npm.io/package/moment.md) 2.30.1
- [sonner](https://npm.io/package/sonner.md) 1.5.0
- [globals](https://npm.io/package/globals.md) 15.9.0
- [zustand](https://npm.io/package/zustand.md) 5.0.3
- [@mui/joy](https://npm.io/package/@mui/joy.md) 5.0.0-beta.52
- [prettier](https://npm.io/package/prettier.md) 3.3.3
- [@types/qs](https://npm.io/package/@types/qs.md) 6.9.15
- [js-cookie](https://npm.io/package/js-cookie.md) 3.0.5
- [react-dom](https://npm.io/package/react-dom.md) 18.3.1
- [@eslint/js](https://npm.io/package/@eslint/js.md) 9.9.0
- [jwt-decode](https://npm.io/package/jwt-decode.md) 4.0.0
- [typescript](https://npm.io/package/typescript.md) 5.6.2
- [react-imask](https://npm.io/package/react-imask.md) 7.6.1
- [@types/react](https://npm.io/package/@types/react.md) 18.3.1
- [@mui/material](https://npm.io/package/@mui/material.md) 9.0.0
- [@emotion/react](https://npm.io/package/@emotion/react.md) 11.14.0
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) 11.14.1
- [react-hook-form](https://npm.io/package/react-hook-form.md) 7.53.0
- [vite-plugin-dts](https://npm.io/package/vite-plugin-dts.md) 4.5.4
- [@mui/x-data-grid](https://npm.io/package/@mui/x-data-grid.md) 9.0.4
- [@types/js-cookie](https://npm.io/package/@types/js-cookie.md) 3.0.6
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) 18.3.0
- [react-router-dom](https://npm.io/package/react-router-dom.md) 6.26.2
- [vite-plugin-svgr](https://npm.io/package/vite-plugin-svgr.md) 4.5.0
- [typescript-eslint](https://npm.io/package/typescript-eslint.md) 8.0.1
- [vite-plugin-mkcert](https://npm.io/package/vite-plugin-mkcert.md) 1.17.9
- [@hookform/resolvers](https://npm.io/package/@hookform/resolvers.md) 5.2.2
- [@mui/icons-material](https://npm.io/package/@mui/icons-material.md) 7.3.4
- [vite-tsconfig-paths](https://npm.io/package/vite-tsconfig-paths.md) 5.1.4
- [@vitejs/plugin-react](https://npm.io/package/@vitejs/plugin-react.md) 4.3.1
- [dts-bundle-generator](https://npm.io/package/dts-bundle-generator.md) 9.5.1
- [react-error-boundary](https://npm.io/package/react-error-boundary.md) 4.0.13
- [@tanstack/react-query](https://npm.io/package/@tanstack/react-query.md) 5.90.5
- [eslint-config-prettier](https://npm.io/package/eslint-config-prettier.md) 9.1.0
- [eslint-plugin-prettier](https://npm.io/package/eslint-plugin-prettier.md) 5.2.1
- [@vitejs/plugin-react-swc](https://npm.io/package/@vitejs/plugin-react-swc.md) 3.8.0
- [react-dark-mode-toggle-2](https://npm.io/package/react-dark-mode-toggle-2.md) 2.0.9
- [@marsidev/react-turnstile](https://npm.io/package/@marsidev/react-turnstile.md) 1.3.1
- [@typescript-eslint/parser](https://npm.io/package/@typescript-eslint/parser.md) 8.5.0
- [eslint-plugin-react-hooks](https://npm.io/package/eslint-plugin-react-hooks.md) 4.6.2
- [eslint-plugin-react-refresh](https://npm.io/package/eslint-plugin-react-refresh.md) 0.4.11
- [@tanstack/react-query-devtools](https://npm.io/package/@tanstack/react-query-devtools.md) 5.55.4
- [@originjs/vite-plugin-federation](https://npm.io/package/@originjs/vite-plugin-federation.md) 1.3.5
- [@typescript-eslint/eslint-plugin](https://npm.io/package/@typescript-eslint/eslint-plugin.md) 8.5.0

## Recent versions

- 1.5.55 (latest) — 2026-09-15
- 1.5.54 — 2026-09-03
- 1.5.53 — 2026-08-19
- 1.5.52 — 2026-08-14
- 1.5.51 — 2026-08-10
- 1.5.50 — 2026-07-30
- 1.5.49 — 2026-07-29
- 1.5.48 — 2026-07-01
- 1.5.47 — 2026-06-24
- 1.5.46 — 2026-06-08
- 1.5.45 — 2026-05-06
- 1.5.44 — 2026-05-06
- 1.5.43 — 2026-05-04
- 1.5.41 — 2026-04-30
- 1.5.40 — 2026-04-29
- … 200 more at https://npm.io/package/react-sinprors-lib/versions

## README

# Vite TypeScript NPM Package

Scaffold TypeScript npm packages using this template to bootstrap your next library.

Versions of this template:
- [Vite TypeScript library npm package](https://github.com/jasonsturges/vite-typescript-npm-package)
- [Vite JavaScript library npm package](https://github.com/jasonsturges/vite-npm-package)
- [Rollup TypeScript library npm package](https://github.com/jasonsturges/typescript-npm-package)
- [Rollup JavaScript library npm package](https://github.com/jasonsturges/npm-package-boilerplate)


## Getting Started

Begin via any of the following:

- Press the "*Use this template*" button

- Use [degit](https://github.com/Rich-Harris/degit) to execute:

    ```
    degit github:jasonsturges/vite-typescript-npm-package
    ```

- Use [GitHub CLI](https://cli.github.com/) to execute:

    ```
    gh repo create <name> --template="https://github.com/jasonsturges/vite-typescript-npm-package"
    ```

- Simply `git clone`, delete the existing .git folder, and then:

    ```
    git clone https://github.com/jasonsturges/vite-typescript-npm-package.git
    cd vite-typescript-npm-package
    rm -rf .git
    git init
    git add -A
    git commit -m "Initial commit"
    ````

There is no package lock included so that you may chose either `npm` or `yarn`.

Remember to use `npm search <term>` to avoid naming conflicts in the NPM Registery for your new package name.


## Usage

The following tasks are available for `npm run`:

- `dev`: Run Vite in watch mode to detect changes to files during development
- `start`: Run Vite in host mode to work in a local development environment within this package, eliminating the need to test from a linked project
- `build`: Run Vite to build a production release distributable
- `build:types`: Run DTS Generator to build d.ts type declarations only

There are two strategies for development:

- With `dev` task, Vite compiles all modules to the `dist/` folder, as well as rollup of all types to a d.ts declaration file
- With `start` task, Vite hosts the index.html with real time HMR updates enabling development directly within this library without the need to link to other projects.

Rollup your exports to the top-level index.ts for inclusion into the build distributable.

For example, if you have a `utils/` folder that contains an `arrayUtils.ts` file.

/src/utils/arrayUtils.ts:
```ts
export const distinct = <T>(array: T[] = []) => [...new Set(array)];
```

Include that export in the top-level `index.ts` .

/src/index.ts:
```ts
// Main library exports - these are packaged in your distributable
export { distinct } from "./utils/arrayUtils"
```



## Development

Vite features a host mode to enable development with real time HMR updates directly from the library via the `start` script.

To test your library from within an app:

- **From your library**: run `npm link` or `yarn link` command to register the package
- **From your app**: run `npm link "mylib"` or `yarn link "mylib"` command to use the library inside your app during development

For UI projects, you may want to consider adding tools such as [Storybook](https://storybook.js.org/) to isolate UI component development by running a `storybook` script from this package.


## Development Cleanup

Once development completes, `unlink` both your library and test app projects.

- **From your app**: run `npm link "mylib"` or `yarn link "mylib"` command to use the library inside your app during development
- **From your library**: run `npm unlink` or `yarn unlink` command to register the package

If you mistakenly forget to `unlink`, you can manually clean up artifacts from `yarn` or `npm`.

For `yarn`, the `link` command creates symlinks which can be deleted from your home directory:
```
~/.config/yarn/link
```

For `npm`, the `link` command creates global packages which can be removed by executing:
```bash
sudo npm rm --global "mylib"
```

Confirm your npm global packages with the command:
```bash
npm ls --global --depth 0
```


## Release Publishing

Update your `package.json` to the next version number and tag a release.

If you are publishing to a private registry such as GitHub packages, update your `package.json` to include `publishConfig` and `repository`:

package.json:
```json
  "publishConfig": {
    "registry": "https://npm.pkg.github.com/@MyOrg"
  },
  "repository": "https://github.com/MyOrg/mylib.git",
```

For clean builds, you may want to install the `rimraf` package and add a `clean` or `prebuild` script to your `package.json` to remove any artifacts from your `dist/` folder.  Or, manually delete the `dist/` folder yourself.  Unless you are using a continuous integration service such as GitHub Actions, `npm publish` will ship anything inside the distributable folder.

package.json:
```json
  "scripts": {
    "clean": "rimraf dist"
  }
```

Before you submit for the first time, make sure your package name is available by using `npm search`.  If npm rejects your package name, update your `package.json` and resubmit.

```bash
npm search <term>
```

Once ready to submit your package to the NPM Registry, execute the following tasks via `npm` (or `yarn`):

```bash
npm run build
```

Assure the proper npm login:

```bash
npm login
```

Submit your package to the registry:

```bash
npm publish --access public
```

---
_Source: https://npm.io/package/react-sinprors-lib · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._