Comments (13)
👍 on this.
from classnames.
As long as there isn't a negative performance impact, I think this is a reasonable change to the API.
from classnames.
I personally don't think de duplication is the responsibility of this library, given it is entirely a user input problem.
from classnames.
Can someone put forward the use-case that is driving this requirement? (I mean big picture, not simple example)
Looking at the complexity of implementation I'm inclined to agree with @dcousens
from classnames.
So my use case is that a React component which uses this library to allow class name overwrites w/ a specific set of default classNames, so something like classNames('foo', extraStuff)
.
Conceptually since this library allows a chaining/combining a set of class names, specifying {foo: false}
at the end of the chain and have it still appear in the output makes it very hard to debug, as you basically have to crawl down the chain of abstractions and figure out which layer injected foo
in. And since foo
will always be there you need to have hacky CSS rule to make certain selectors more specific and/or throw !important
in there.
from classnames.
I agree with @dcousens but I also have 2 compelling reasons for adding this in anyway:
- In order to do the de-duplication outside of the library one would have to parse the inputs and do most of the work that the library already does.
- Allowing later arguments to overwrite previous arguments is more idiomatic and almost expected behavior (think
_.extend
).
from classnames.
@cezar-berea We're having some discussion in the PR itself. @JedWatson mentioned exposing .dedupe
(or .merge
if we wanna be similar to _.merge
) and I think that's probably best as an opt-in due to performance impact
from classnames.
@JedWatson what is your conclusion here, .dedupe
?
from classnames.
can someone get that merged?
from classnames.
@3den will land it this weekend.
from classnames.
@JedWatson as .dedupe
?
from classnames.
Closing this in favour of #31
from classnames.
Just released 2.1.0 with this included.
from classnames.
Related Issues (20)
- Throwing an exception when accessing non-existent classes HOT 2
- why not using one build tool for publish the npm package? HOT 2
- Incomplete type signature for classnames/bind HOT 2
- Advanced typing for classnames/bind HOT 4
- Explain to me about "cx" HOT 1
- Getting error says 'this' context of type 'void' is not assignable HOT 4
- [Question] When I used Object's value to computed key, what happened? HOT 2
- SyntaxError: Unexpected end of script (Mobile Safari) HOT 5
- When no classes are selected, classNames should return null HOT 5
- Vulnerable dependencies (indirect security issues) HOT 1
- How to erase or replace the properties of the conditional class from external component? HOT 1
- why number can be a className HOT 1
- Can we add exports field for this package? HOT 4
- Need a maintainer? HOT 7
- Preparing for version 3.0 HOT 9
- Should we support CommonJS for 3.0? HOT 5
- No default export (v2.5.1) HOT 5
- Import from 'classnames' broken since v2.5.0 HOT 5
- Please use GitHub Releases HOT 6
- Unable to do v2 releases HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from classnames.