Creating a React JS Client with Vite

Starting our project

Configuring ESLint

Configuring Prettier

It’s really important that we add Prettier plugin in the extends array last because the order does matter here! The linting rules are read in order, and the most recent rule read will override parts of the previous rule if they are contradictory. So we need to put Prettier’s linting rules last in order to make sure they always have priority. If our ESLint and Prettier rules are not working, press ctrl (cmd on Mac) + shift + p, type reload in the pop-up bar, and click ‘Developer: Reload Window’. And ta-da, it now should work!

Configuring Vitest

Adding to .gitignore

In the midst of chaos, there is also opportunity.

~ Sun Wu aka Sun Tzu

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *