iTranslated by AI
The content below is an AI-generated translation. This is an experimental feature, and may contain errors. View original article
😀
Created a Template for React Development with Vite
Introduction
I created a template as described in the title.
While there are many talks about how fast and comfortable Vite is, I thought it would be worth creating a template considering the effort required to set up the environment each time.
I haven't included state management libraries like React Query or Redux, or any CSS-related libraries. Please adopt them as needed.
What's Included
The main items are as follows:
- React: 18.0.0
- Storybook: 6.5.9
- Eslint: 7.32.0 || 8.2.0
- Prettier: 2.7.1
- TypeScript: 4.6.3
- Vite: 2.9.9
About Each Component
Storybook
This is a library that is useful when creating UI components.
It's convenient because it allows you to build and display each component individually. You can provide display examples for different props or check the display by switching props on the browser.
Eslint/Prettier
Since everyone has their own preferences, please add or delete rules as appropriate.
Discussion