Vite template (React)

TODO:

• typescript
• prettier
• eslint
  • prettier + eslint
• tanstack router
  • routing examples
• tanstack query (aka react query)
  • axios for http layer
  • query example
  • query error handling example
  • query example usage in react
  • mutation example
  • mutation error handling example
  • mutation example usage in react
• husky + lint-staged
• yarn v4
• import path alias
• vscode setting
• i18n
  • i18next implementation
  • typescript integration
  • router integration
  • handle dir and lang attribute of document
• ssr (if possible)
• design system / aka ui kit
• storybook
• head tags handling
• authentication
• fonts
• env var handling

Expanding the ESLint configuration

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

• Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list