History

Коробцев Виталий Сергеевич ad5c4d92c9 On branch master Your branch is up to date with 'origin/master'. Changes to be committed: modified: .vscode/settings.json modified: README.md modified: app/(root)/loading.jsx modified: app/(root)/page.jsx modified: package.json modified: pnpm-lock.yaml new file: vite-to_VS/.gitignore new file: vite-to_VS/README.md new file: vite-to_VS/eslint.config.js new file: vite-to_VS/index.html new file: vite-to_VS/package.json new file: vite-to_VS/public/vite.svg new file: vite-to_VS/src/App.css new file: vite-to_VS/src/App.tsx new file: vite-to_VS/src/assets/react.svg new file: vite-to_VS/src/index.css new file: vite-to_VS/src/main.tsx new file: vite-to_VS/src/vite-env.d.ts new file: vite-to_VS/tsconfig.app.json new file: vite-to_VS/tsconfig.json new file: vite-to_VS/tsconfig.node.json new file: vite-to_VS/vite.config.ts		2025-08-17 23:23:50 +05:00
..
public	On branch master	2025-08-17 23:23:50 +05:00
src	On branch master	2025-08-17 23:23:50 +05:00
.gitignore	On branch master	2025-08-17 23:23:50 +05:00
eslint.config.js	On branch master	2025-08-17 23:23:50 +05:00
index.html	On branch master	2025-08-17 23:23:50 +05:00
package.json	On branch master	2025-08-17 23:23:50 +05:00
README.md	On branch master	2025-08-17 23:23:50 +05:00
tsconfig.app.json	On branch master	2025-08-17 23:23:50 +05:00
tsconfig.json	On branch master	2025-08-17 23:23:50 +05:00
tsconfig.node.json	On branch master	2025-08-17 23:23:50 +05:00
vite.config.ts	On branch master	2025-08-17 23:23:50 +05:00

README.md

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      ...tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      ...tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      ...tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])

You can also install eslint-plugin-react-x and eslint-plugin-react-dom for React-specific lint rules:

// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])