Skip to content

Create a new project with React.js, TypeScript and jest with Vite

Notifications You must be signed in to change notification settings

fdaciuk/boilerplate-vite-react

Repository files navigation

Boilerplate React.js + TypeScript + Vite 👋

Version License: MIT Twitter: fdaciuk

All Contributors

Boilerplate to create React.js apps with Vite

Which techs this boilerplate have in it?

This boilerplate is ready to be used by devs who want to start a new project using React.js, TypeScript and Jest with Vite.

Main configurations

  • React.js 18+ with TypeScript;
    • You can import "svgs" with import { ReactComponent as MyIcon } from './icon-path.svg';
    • You can import any other media (images, videos, etc) that is located inside src directory;
    • You can use absolute imports, using @ as src directory;
  • Eslint:
  • Automatic lint and type-checking with Husky before every commit.

Usage

Install the dependencies:

yarn install

Run dev server:

yarn dev

You can run type-checking in watch mode in another terminal, if you may:

yarn type-check --watch

Run tests

yarn test

Production version

To generate the production version, you can run:

yarn build

All files you have to deploy will be located at the dist directory.

Run production version locally

To check if everything will be ok in production before the deployment, you can run this command after yarn build:

yarn preview

Author

👤 Fernando Daciuk

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

✨ Contributors

Thanks goes to these wonderful people (emoji key):

Fernando Daciuk
Fernando Daciuk

💻 📖
Gabriel Pinheiro
Gabriel Pinheiro

💻
NewCapital.in
NewCapital.in

💻
Vinícius Bispo
Vinícius Bispo

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator