React Tailwindcss Boilerplate build with Vite

This is a ReactJS + Vite boilerplate to be used with Tailwindcss. It has a fully functioning React-Location router, restricted and public routes, functioning React-Hook-Form for registering and authentication

What is inside?

This project uses many tools like:

• ReactJS
• Vite
• TypeScript
• Jest
• Testing Library
• Tailwindcss
• Eslint
• Prettier
• React-Location
• React-Hook-Form
• React-Query
• Mobx
• Mobx-persist-store
• React-generate-cli

Getting Started

Install

Create the project.

npx degit obleey/reactjs-vite-boilerplate my-app

Access the project directory.

cd my-app

yarn

Serve with hot reload at http://localhost:3000.

yarn start

Lint

yarn lint

Build

yarn build

Test

yarn test

Generate Component

yarn generate:component componentName

will generate a component under the components folder

Generate Component:shared

yarn generate:component:shared componentName

will generate a component under the components/shared folder

Generate page

yarn generate:page pageName

will generate a page under the pages folder

Start clean

yarn start:clean

will delete yarn.lock file, node_modules, yarn-error.log, run yarn and yarn start

License

This project is licensed under the MIT License.