react-cva
classix
Our great sponsors
| react-cva | classix | |
|---|---|---|
| 1 | 6 | |
| 19 | 181 | |
| - | - | |
| 0.0 | 4.1 | |
| over 1 year ago | 24 days ago | |
| TypeScript | TypeScript | |
| GNU General Public License v3.0 or later | 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.
react-cva
-
Who's Available? [March 2022]
react cva - utility helper for CVA to build variant based react components.
classix
- Classix — a faster and smaller alternative to clsx and classnames for conditionally joining classes
-
Show HN: Classix – The fastest and tiniest utility for joining classNames
Not every device uses a powerful desktop processor like the one used in the benchmark (Ryzen 5 5600x). Those perf gain compound over time.
> my code doesn't need tests, types, or docs because it is builtin and known to work
Oh boy.
> if you did an actual fair comparison, you would see that my code is actually shorter than yours
My comparison is 100% fair. Your new version does not work; `arguments` is array-like object and does not support Array.filter: arguments.filter is not a function.
> the point is that we have another, unnecessary npm dependency
If you value having one less dependency over everything else, then more power to you, but clsx and classnames are very popular libraries for a reason.
> you ought to link to where / how you did that
It's in the readme. I locally added your version and ran the following: https://github.com/alexnault/classix/blob/main/benchmark/ind...
- Introducing classix, a faster and smaller alternative to clsx and classnames for conditionally joining classes
What are some alternatives?
cva - Class Variance Authority
Enumeration.TS - Powerful enums for TypeScript.
Eisen-Matrix - 🎯 Eisen Matrix is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native for learning purposes.
Tailwind-Styled-Component - Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
readme-generator - A fully featured editor with drag and drop interface to easily build READMEs
nativewind - React Native utility-first universal design system - powered by Tailwind CSS
lightweight-react-docs - A lightweight ReactJS documentation used as a personal study guide and reference. I broke the concepts down in a way that made it easier for me to understand.
css-loader-incremental-ident - Incremental classnames generator for webpack`s css-loader
candy-loader - Load css files as pure jsx components with classnames as boolean props
classwind - ⚡ Ultra-fast 331B JS utility for dynamic class names, framework-independent, TypeScript-compatible. 🛠️
tailwindcss-classnames - Functional typed classnames for TailwindCSS