@blxtuvwopdk/lplayer-ui
v1.0.19
Published
test ui
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
parserOptionsproperty in the following way:Switch
plugin:@typescript-eslint/recommendedwithplugin:@typescript-eslint/recommended-type-checkedorplugin:@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-runtimeto theextendslist.
