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:
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 {
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
react-currency-convert
├─ .eslintrc.cjs
├─ .git
│ ├─ COMMIT_EDITMSG
│ ├─ HEAD
│ ├─ config
│ ├─ description
│ ├─ hooks
│ │ ├─ applypatch-msg.sample
│ │ ├─ commit-msg.sample
│ │ ├─ fsmonitor-watchman.sample
│ │ ├─ post-update.sample
│ │ ├─ pre-applypatch.sample
│ │ ├─ pre-commit.sample
│ │ ├─ pre-merge-commit.sample
│ │ ├─ pre-push.sample
│ │ ├─ pre-rebase.sample
│ │ ├─ pre-receive.sample
│ │ ├─ prepare-commit-msg.sample
│ │ ├─ push-to-checkout.sample
│ │ ├─ sendemail-validate.sample
│ │ └─ update.sample
│ ├─ index
│ ├─ info
│ │ └─ exclude
│ ├─ objects
│ │ ├─ 0d
│ │ │ └─ 6babeddbdbc9d9ac5bd4d57004229d22dbd864
│ │ ├─ 11
│ │ │ └─ f02fe2a0061d6e6e1f271b21da95423b448b32
│ │ ├─ 38
│ │ │ └─ 608fb828a9b83b5cf937d88323c879571b7e5a
│ │ ├─ 3d
│ │ │ └─ 7150da80e43e3650342aa4758fa8b74e95d6d6
│ │ ├─ 55
│ │ │ └─ 7b37c44d5cb352ff331f90e7fba0189cdfa65e
│ │ ├─ 5a
│ │ │ └─ 33944a9b41b59a9cf06ee4bb5586c77510f06b
│ │ ├─ 61
│ │ │ └─ 19ad9a8faaa5073a454f67b50fb98a25972fd2
│ │ ├─ 6c
│ │ │ └─ 87de9bb3358469122cc991d5cf578927246184
│ │ ├─ 70
│ │ │ └─ d54a6a8bd7a4235135a45ec08d1686a5cb9999
│ │ ├─ 94
│ │ │ └─ c0b2fc152a086447a04f62793957235d2475be
│ │ ├─ 97
│ │ │ └─ ede7ee6f2d37bd2d76e60c0b6a447bee718b05
│ │ ├─ a5
│ │ │ └─ 47bf36d8d11a4f89c59c144f24795749086dd1
│ │ ├─ a6
│ │ │ └─ ea6c13a3f7db1dad15676489808bf13f550e52
│ │ ├─ a7
│ │ │ └─ fc6fbf23de2a53e36754bc4a2c306d0291d7b2
│ │ ├─ af
│ │ │ └─ e48ac750194a747f5665300d14049f72011a33
│ │ ├─ b9
│ │ │ └─ d355df2a5956b526c004531b7b0ffe412461e0
│ │ ├─ bd
│ │ │ └─ 995f46d0d2e678543e283caf0c988b5e336c29
│ │ ├─ d6
│ │ │ └─ c953795300e4256c76542d6bb0fe06f08b5ad6
│ │ ├─ e4
│ │ │ └─ b78eae12304a075fa19675c4047061d6ab920d
│ │ ├─ e7
│ │ │ └─ b8dfb1b2a60bd50538bec9f876511b9cac21e3
│ │ ├─ f6
│ │ │ └─ 3ddeebe03294abe6ec417eba04a0bb4e318118
│ │ ├─ info
│ │ └─ pack
│ └─ refs
│ ├─ heads
│ │ └─ master
│ ├─ remotes
│ │ └─ origin
│ │ └─ master
│ └─ tags
├─ .gitignore
├─ README.md
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│ └─ vite.svg
├─ src
│ ├─ App.css
│ ├─ App.tsx
│ ├─ assets
│ │ └─ react.svg
│ ├─ index.css
│ ├─ index.tsx
│ ├─ interface
│ │ └─ currency.interface.ts
│ ├─ main.tsx
│ ├─ modules
│ │ └─ currency-converter
│ │ └─ components
│ │ └─ CurrencyConverter.tsx
│ └─ vite-env.d.ts
├─ tsconfig.json
├─ tsconfig.node.json
└─ vite.config.ts