@blxtuvwopdk/lplayer-ui
v1.0.19
Published
test ui
Downloads
4
Readme
React + TypeScript + Vite + Tailwind CSS + Embla Carousel + Storybook Addons + Radix UI Components + etc.
This guide offers a comprehensive setup to get React operational in Vite with Hot Module Replacement (HMR), ESLint rules, and a multitude of other JavaScript libraries and frameworks as specified in the project.
The provided template utilizes the @vitejs/plugin-react, which employs Babel for Fast Refresh.
An extensive list of other essential JavaScript packages used in this project includes, amongst others, react-dom
, postcss
, eslint
, @radix-ui/react-toggle
, @radix-ui/react-toggle-group
, embla-carousel-react
, @storybook/addon-links
, @radix-ui/react-checkbox
, etc.
Improving the ESLint Configuration
In case you are tasked to evolve a production-grade application, it's advisable to update the configuration so as to enable type-aware lint rules.
Modify the superior
parserOptions
property in the following way:Switch
plugin:@typescript-eslint/recommended
withplugin:@typescript-eslint/recommended-type-checked
orplugin:@typescript-eslint/strict-type-checked
.Optionally, you can also import
plugin:@typescript-eslint/stylistic-type-checked
.Install the eslint-plugin-react and append
plugin:react/recommended
&plugin:react/jsx-runtime
to theextends
list.