https://github.com/rubendvb/product-list-with-cart-main
https://github.com/rubendvb/product-list-with-cart-main
react reactjs
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/rubendvb/product-list-with-cart-main
- Owner: Rubendvb
- Created: 2025-01-23T06:13:42.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-02-01T20:22:03.000Z (3 months ago)
- Last Synced: 2025-02-01T20:29:10.087Z (3 months ago)
- Topics: react, reactjs
- Language: TypeScript
- Homepage:
- Size: 1.89 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-config.md
Awesome Lists containing this project
README
# React + TypeScript + Vite
Este modelo fornece uma configuração mínima para fazer o React funcionar no Vite com HMR e algumas regras do ESLint.
Atualmente, dois plugins oficiais estão disponíveis:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) usa [Babel](https://babeljs.io/) para Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) usa [SWC](https://swc.rs/) para Fast Refresh
## Expandindo a configuração do ESLint
Se você está desenvolvendo uma aplicação de produção, recomendamos atualizar a configuração para habilitar regras de linting com consciência de tipo:
- Configure a propriedade `parserOptions` de nível superior assim:
```js
export default tseslint.config({
languageOptions: {
// outras opções...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
```
- Substitua `tseslint.configs.recommended` por `tseslint.configs.recommendedTypeChecked` ou `tseslint.configs.strictTypeChecked`
- Opcionalmente, adicione `...tseslint.configs.stylisticTypeChecked`
- Instale [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) e atualize a configuração:
```js
// eslint.config.js
import react from 'eslint-plugin-react'
export default tseslint.config({
// Defina a versão do react
settings: { react: { version: '18.3' } },
plugins: {
// Adicione o plugin react
react,
},
rules: {
// outras regras...
// Habilite suas regras recomendadas
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})
```