jest-styled-components
tailwindcss-classnames
jest-styled-components | tailwindcss-classnames | |
---|---|---|
2 | 2 | |
1,579 | 691 | |
0.2% | - | |
6.1 | 5.9 | |
3 months ago | 12 months ago | |
JavaScript | TypeScript | |
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.
jest-styled-components
-
How to Build A React TS Tailwind Design System
If you add any dynamic CSS styles with Styled Components use jest-styled-components for testing.
-
Beginner's Thread / Easy Questions (January 2021)
If you need a consistent naming for testing, you might want to check out styled-components/jest-styled-components to have class names generate the same.
tailwindcss-classnames
-
Can any tell me why this is not working when i initially run the project.
There's also [tailwindcss-classnames](https://www.npmjs.com/package/tailwindcss-classnames) which is handy, despite the little bit of learning curve
-
How to Build A React TS Tailwind Design System
One last thing that can be helpful is using a library like [tailwind-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) which helps validate you are using correct class names, and if you don't TS will yell at you. It has the full capability and API of the known [classnames](https://www.npmjs.com/package/classnames) library, as it is just an extension of it.
What are some alternatives?
twin.macro - ๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
tailwind-merge - Merge Tailwind CSS classes without style conflicts
tsdx - Zero-config CLI for TypeScript package development
Tailwind CSS - A utility-first CSS framework for rapid UI development.
formik - Build forms in React, without the tears ๐ญ [Moved to: https://github.com/jaredpalmer/formik]
PostCSS - Transforming styles with JS plugins
identity-obj-proxy - An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code
twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
react-cmdk - A fast, accessible, and pretty command palette for React