typeveloper/react-boilerplate

Vite React Ts Starter Template 🗿

A nice and clean vite react ts starter pack for your project ^_^

📚 Description

A real chad starter template for your React projects which includes a bunch of useful tools and libraries. For code style and linting it come with eslint and prettier for styling it comes with sass and TailwindCSS ready to use.

🐕 Setup

1. Step One

Clone this repository using npx degit github:hesam-init/vite-react-ts-starter-template#starter <project-name> and run yarn or npm ior pnpm i i prefer to use yarn because it's fast and solid.

2. Step Two

{use VsCode to have all power of this template}

• Make sure all of the recommendations extensions are installed.
• to be sure about extentions, just go to the Extentions tab and search @recommended

• After you have installed the all recommended extensions you need to reload your vscode just press F1 or Ctrl + Shift + P to open command pallete and search for reload window

After all this steps everything should be work fine and perfectly. enjoy it ಥ_ಥ

🧩 Scripts

Start project as dev mode

• npm run dev or pnpm run dev or yarn dev it will open a new tab http://localhost:3000

Build project for production

• npm run build or pnpm run build or yarn build

Locally preview production build

After creating the production build, run:

• npm run prev or pnpm run prev or yarn prev

Lint and Fix all problems

Run eslint linter: this command will find problems and issues

• npm run lint:eslint or pnpm run lint:eslint or yarn lint:eslint

Run eslint fixer: this command will fix all of those problem

• npm run fix:eslint or pnpm run fix:eslint or yarn fix:eslint

🚀 It uses

• 
• 
• 

😻 Show your support

Just press this ⭐️ little star button ^_^

Made with ❤️ by TypeVelopers ༼ つ ◕_◕ ༽つ