Overview

This template provides a basic setup for working with React (Vite). It includes tailwind for styles, Axios and tanstack/react-query for data fetching, and rocketseat/eslint-config for eslint with the prettier plugin to promote better code standardization. It also provides aliases to make it easier to import folders.

Features

• React (Vite) setup
• Tailwind for styles
• Axios for data fetching
• Tanstack/react-query for data fetching
• Rocketseat/eslint-config for eslint with prettier plugin
• Aliases for easier folder imports
• Storybook for component development

Installation

To use this template, follow these steps:

Aliases

These aliases are pre-configured in the project to help with development:

• @pages
• @components
• @services
• @contexts
• @helpers
• @types

If you want to create any additional aliases, follow the example below:

vite.config.ts

tsconfig.json

Snippets

• fc to create a simple functional component initial setup
• cs to create all useState structures
• b to create a snippet for the initial setup of Storybook
• bv to create a snippet for creating a Storybook variant

Summary

This template provides a convenient setup for React development with Vite, utilizing tailwind for styles, Axios and tanstack/react-query for data fetching, and rocketseat/eslint-config for code standardization. It also includes pre-configured aliases for easier folder imports and supports component development with Storybook.