https://github.com/emre-cil/viterjs-template

Boilerplate powered by vite for React-Javascript projects (Vite + JS + React + MUI + RRD + Prettier + EsLint)
https://github.com/emre-cil/viterjs-template

boilerplate-template eslint javascript material-ui prettier react template vite

Last synced: 3 months ago
JSON representation

Boilerplate powered by vite for React-Javascript projects (Vite + JS + React + MUI + RRD + Prettier + EsLint)

• Host: GitHub
• URL: https://github.com/emre-cil/viterjs-template
• Owner: emre-cil
• License: mit
• Created: 2022-08-22T06:34:23.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-02T10:51:21.000Z (7 months ago)
• Last Synced: 2024-07-31T22:37:48.220Z (6 months ago)
• Topics: boilerplate-template, eslint, javascript, material-ui, prettier, react, template, vite
• Language: JavaScript
• Homepage:
• Size: 2.92 MB
• Stars: 38
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-vite - viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier. (Get Started / Templates)
• awesome-vite - viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier. (Get Started / Templates)

README

        
## viterjs-template

JavaScript + React + Redux + Mui + Axios + ESLint + Prettier

![viterjs-template](https://i.ibb.co/xMMGs2Q/Screenshot-2023-07-07-105634.png)

### Getting Started

#### Clone the repo

```

npx degit emre-cil/viterjs-template my-app

```

```

cd my-app

```

#### Install Dependencies

```

pnpm install

```

#### Run

```

pnpm dev

```

#### Paths

Application using absolute paths

Example: '@/components/Counter/Counter';

if you don't want to use you can remove these lines from

> vite.config.js

```

 resolve: {

    alias: {

      '@': path.resolve(__dirname, 'src'),

    },

    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],

  },

```

> jsconfig.json

```

"paths": {

      "@/*": ["./*"]

    }

```

### Scripts

| Script        | Description                        |

| ------------- | ---------------------------------- |

| pnpm dev      | Runs the application.              |

| pnpm build    | Create builds for the application. |

| pnpm preview  | Runs the Vite preview              |

| pnpm lint     | Display eslint errors              |

| pnpm lint:fix | Fix the eslint errors              |

| pnpm format   | Runs prettier for all files        |

| pnpm test     | Run tests                          |

### Check List

```

```