nickFalcone / init-react-typescript

vite-react-typescript with eslint, prettier, RTL, and styled components

React TypeScript Template

These are the tools and libraries I reach for when creating a new frontend React project.

To use this template, follow the steps below to create a new repository.

Feedback and pull requests to the template are also welcomed.

Highlights

• Vite v4
• React v18
• React Testing Library v4
• React Query Library v4 (using Mock Service Worker to test React Query hooks)
• Styled Components v5
• Pre-commit lint and test hooks

The project uses Yarn 3. You can remove unwanted packages with yarn remove.

Use

Follow steps for creating a new repository from this template.

Clone the new repository:

git clone [e-mail]:yourName/whatcha-gonna-call-it.git

Install:

cd whatcha-gonna-call-it
yarn install

Start

Run locally:

yarn dev

Test

Runs tests with Jest, RTL, and MSW support.

yarn test

Build

Create a production build to dist/ and preview:

yarn preview

Acknowledgements

Forked from TheSwordBreaker/vite-reactts-eslint-prettier