jest-styled-components
twin-tsdx-component-lib
jest-styled-components | twin-tsdx-component-lib | |
---|---|---|
2 | 1 | |
1,579 | 3 | |
0.2% | - | |
6.1 | 0.0 | |
3 months ago | about 3 years 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.
twin-tsdx-component-lib
-
How to Build A React TS Tailwind Design System
You can check out the TSDX-Twin repo here that has 1 out of 3 components working.
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 CSS - A utility-first CSS framework for rapid UI development.
tsdx - Zero-config CLI for TypeScript package development
tailwind-config-viewer - A local UI tool for visualizing your Tailwind CSS configuration file.
Visual Studio Code - Visual Studio Code
PostCSS - Transforming styles with JS plugins
identity-obj-proxy - An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
compiled - A familiar and performant compile time CSS-in-JS library for React.
twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.