This boilerplate is ready to be used by devs who want to start a new project using React.js, TypeScript and Jest with Vite.
- 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
@
assrc
directory;
- You can import "svgs" with
- Eslint:
- Standard with some modifications;
- React Hooks and other React configurations with eslint-config-react-app (same used in Create React App);
- Automatic lint and type-checking with Husky before every commit.
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
yarn test
To generate the production version, you can run:
yarn build
All files you have to deploy will be located at the dist
directory.
To check if everything will be ok in production before the deployment, you can run this command after yarn build
:
yarn preview
👤 Fernando Daciuk
- Website: https://daciuk.dev
- Twitter: @fdaciuk
- Github: @fdaciuk
- LinkedIn: @fdaciuk
- Instagram : @fdaciuk