polyms/vite-boilerplate

vite-boilerplate [Vite + React + Typescript + Bootstrap + SCSS + Eslint + Prettier]

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

Features

• ⚛️⚡️ React 18
• 🦾 TypeScript, of course
• 🫀 Vitest - unitary testing made easy
• 🎨 Bootstrap - Build fast, responsive sites
• 👑 CSS Modules
• 🗂 Absolute imports
• 😃 FontAwesome icons

Coding Style

• ESLint - configured for React/Hooks & TypeScript
• Prettier

Dev tools

• TypeScript

Installation

Clone the repo and run yarn install

Start

After the successfull installation of the packages: yarn dev

Steps in Vscode

(works with better with this template)

1. Install Eslint and prettier extension for vs code.
2. Make Sure Both are enabled
3. Make sure all packages are Installed. (Mostly Eslint and prettier in node_modules)
4. Enable formatOnSave of vs code
5. Open a .tsx file and check if the bottom right corners of vs code have Eslint and Prettier with a double tick

If Everything is Good Then It Should Work, but let me new if something else happens

Made with ❤️ by Polyms.