himorishige / react-arch-example

This is a ReactJS + Vite boilerplate to be used with Tailwindcss and Storybook.

React Tailwindcss Storybook Boilerplate build with Vite

This is a ReactJS + Vite boilerplate to be used with Tailwindcss and Storybook.

What is inside?

This project uses many tools like:

• ReactJS
• React Query
• React Location
• Vite
• TypeScript
• Vitest
• Testing Library
• Cypress
• Tailwindcss
• Storybook
• Eslint
• Prettier

Getting Started

Install

Create the project.

npx degit himorishige/reactjs-vite-tailwindcss-boilerplate my-app

Access the project directory.

cd my-app

Install dependencies.

yarn install

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

yarn dev

Lint

yarn lint

Build

yarn build

Test

yarn test

Storybook

yarn storybook

Cypress

setup

cd e2e
yarn install

cd e2e
yarn cy:open
or
yarn cy:run