# melsir-react

> npm package to create react app in easy way no hussle

Latest version **1.1.1** (published 2022-02-07) · ISC license · 0 weekly downloads

## Install

```sh
npm install melsir-react
pnpm add melsir-react
yarn add melsir-react
bun add melsir-react
```

Provides the command `melsir-react`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2022-02-07 |
| First published | 2022-02-05 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 336 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | melsir |
| Keywords | react, boilerplate, create-react-app, reactjs-boilerplate, react-boilerplate, reactjs, webpack, swc, tailwind, react-dom, CRA, postcss |

## Links

- npm: https://www.npmjs.com/package/melsir-react
- Repository: https://github.com/melsiir/react-swc-Boilerplate
- Homepage: https://github.com/melsiir/react-swc-Boilerplate#readme
- Issues: https://github.com/melsiir/react-swc-Boilerplate/issues
- npm.io page: https://npm.io/package/melsir-react

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^17.0.2
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.2
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^6.2.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2022-02-07
- 1.1.0 — 2022-02-07
- 1.0.9 — 2022-02-07
- 1.0.8 — 2022-02-07
- 1.0.7 — 2022-02-06
- 1.0.5 — 2022-02-06
- 1.0.4 — 2022-02-05
- 1.0.3 — 2022-02-05
- 1.0.2 — 2022-02-05

## README

<div align="center">
  <h1>this is my react-swc-webpack config</h1>
  <div>
    <img src="https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="React" />
    <img src="https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript" />
    <img src="https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=black" alt="Webpack" />
    <img src="https://img.shields.io/badge/SWC-000000.svg?style=for-the-badge&logo=data:image/png;base64,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" alt="SWC" />
    <img src="https://img.shields.io/badge/githubactions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white" alt="Github Actions" />
    <img src="https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white" alt="TailwindCSS" />
    <img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" />
    <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" />
    <img src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" />
    <img src="https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white" />
    <img src="https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white" />
  </div>
</div>

## I made this config to have more costimized experience with react ⚛️


### installation

- you can install it easly using npx command:

if you use npm use:

```
npx melsir-react <app-name>
```

if you use pnpm use:

```
pnpm dlx melsir-react <app-name> 
```

or clone it to your project directory:

```
git clon https://github.com/melsiir/react-swc-Boilerplate.git
```

or

```
git clon https://github.com/melsiir/react-swc-Boilerplate.git <app-name>
```
if you clon it then you have to install manually packages and remove .git file:

```
rm -rf .git && rm -r bin
```
```
npm install
```


### usege

- `dev` : starting development server
- `build` : bundle App for production
- `analyze` : bundle App for production and make statical analyze report for the app modules in the browser

### use TypeScript:

if you want to use typescript you have to install it via `npm install typescript -D`.
i didn't add it because i have installed it globally and then  rename the the index.js file in
`src` folder from index.js to index.ts or index.tsx and you are good to go.

### use TailwindCSS:

just run `tailwind init` and do your work and thats done.

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