classnames-generics
vite-plugin-sass-dts
classnames-generics | vite-plugin-sass-dts | |
---|---|---|
3 | 3 | |
6 | 107 | |
- | - | |
0.8 | 7.4 | |
about 1 year ago | 6 days ago | |
Shell | HTML | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
classnames-generics
-
Type-safe development with Vite x React x CSS Modules x TypeScript
When developing with React and CSS Modules, you may find that the styling part is not type-safe.Introducing a more mold-safe styling method. With vite-plugin-sass-dts, which automatically creates a d.ts file from the* .module.scss file. Introducing how to use classnames-generics, which allows you to use classnames more type-safely. increase.
-
(part2) Use the classnames library more safely.
Use classnames-generics to use the value set for className type-safely.
-
Use the classnames library more safely
The classnames library is widely used when using CSS Modules in React. If you use it as it is, the key you specify is not type-safe and you may be a little worried. Introducing the means to use it more safely. The methods introduced here are published in classnames-generics.
vite-plugin-sass-dts
-
Type Safe Tailwind and SCSS Modules
To generate types for SCSS modules, we use vite-plugin-sass-dts. We simply need to add this to our list of Vite plugins:
-
SASS vs CSS Modules vs CSS-in-JS vs Compile time CSS-in-JS. Who wins?
Vite plugin sass dts that will generate TypeScript declarations for our CSS Modules.
-
Type-safe development with Vite x React x CSS Modules x TypeScript
When developing with React and CSS Modules, you may find that the styling part is not type-safe.Introducing a more mold-safe styling method. With vite-plugin-sass-dts, which automatically creates a d.ts file from the* .module.scss file. Introducing how to use classnames-generics, which allows you to use classnames more type-safely. increase.
What are some alternatives?
classnames - A simple javascript utility for conditionally joining classNames together
css-modules-typescript-loader - Webpack loader to create TypeScript declarations for CSS Modules
typescript-plugin-css-modules - A TypeScript language service plugin providing support for CSS Modules.
vite - Next generation frontend tooling. It's fast!
razzle - ✨ Create server-rendered universal JavaScript applications with no configuration
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
linaria - Zero-runtime CSS in JS library
compiled - A familiar and performant compile time CSS-in-JS library for React.
google-sheet-addon-svelte-starter - A Google Sheet addon template using Svelte 3 + Vite
uap-core - The regex file necessary to build language ports of Browserscope's user agent parser.
timjames.dev - Personal site for Tim W James - Portfolio, Blog, and more. Built with TypeScript, React and Vite. Deployed to timjames.dev