https://github.com/jhoan5/template-react-typescript-vite

This is a template to create projects using Vite, React, TypeScript, Prettier, EditorConfig and Stylelint, Eslint
https://github.com/jhoan5/template-react-typescript-vite

eslint prettier pure-css react stylelint template typescript vite web-app

Last synced: 24 days ago
JSON representation

This is a template to create projects using Vite, React, TypeScript, Prettier, EditorConfig and Stylelint, Eslint

• Host: GitHub
• URL: https://github.com/jhoan5/template-react-typescript-vite
• Owner: Jhoan5
• License: mit
• Created: 2024-08-14T15:37:39.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-09T16:03:52.000Z (about 2 months ago)
• Last Synced: 2024-10-13T06:40:15.706Z (24 days ago)
• Topics: eslint, prettier, pure-css, react, stylelint, template, typescript, vite, web-app
• Language: HTML
• Homepage:
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React + TypeScript + Vite Template

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=blue)

![Vite](https://img.shields.io/badge/Vite-3DA0FF?style=for-the-badge&logo=vite&logoColor=white)

![Prettier](https://img.shields.io/badge/Prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)

![ESLint](https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=eslint&logoColor=white)

![Stylelint](https://img.shields.io/badge/Stylelint-7A33FF?style=for-the-badge&logo=stylelint&logoColor=white)

![Git](https://img.shields.io/badge/Git-181717?style=for-the-badge&logo=git&logoColor=white)

## About

This template provides a minimal setup for integrating React with TypeScript and Vite, including support for Hot Module Replacement (HMR). It also includes configuration for various linters such as ESLint, Prettier, and Stylelint.

## Getting Started

1. **Install Dependencies**

   ```bash

   npm install

   ```

2. **Run the Application**

   ```bash

   npm run dev

   ```

## Linters

**Note:** This project includes several linters: Prettier, ESLint, Stylelint, and EditorConfig. To enhance your development experience, consider installing the corresponding extensions in your code editor (e.g., VS Code).

- **Run ESLint**

  ```bash

  npm run lintTS

  ```

- **Run Stylelint**

  ```bash

  npm run lintCSS

  ```

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.