Comments (60)
downshift
from downshift.
So here's what I'm thinking about for a logo:
That emoji is coming from emojione (which is where I got the glamorous logo from)
But someone suggested I use the one from twemoji:
I like this because it means that the logo will look the same on the project as it does on twitter... But I kinda like the red one more...
Give an emoji response on the comment to indicate which you like better:
- Emojione (red car): ๐
- twemoji (orange/blue car): ๐
from downshift.
๐ฑ ๐ yay! I'm leaving for vacation for two weeks soon, but when I get back I'm on it ๐ช
from downshift.
Haha no worries! I'm totally fine either way, this lib is great so far ๐
from downshift.
Plus, with a name like kadabra, we could make a reallllllly cool demo site since it has a sort of theme to it ๐
Alright, if you commit to making a cool demo site then consider it done.
from downshift.
HOORAY! ๐๐ฝ ๐
@souporserious holler when you get back, i'll def try to help you out on the demo site if you'd like ๐๐ฝ
from downshift.
๐ ๐
from downshift.
I think that the lines are totally blurred in all of these components. You'll notice that the semantic-ui docs refer to their similar component as a dropdown
.
I think that I'm going to stick with react-autocompletely
. Maybe you could have convinced me to change it before I selected an emoji for the project, but now I just can't go back ๐ฎ
Thanks!
from downshift.
Sounds good ๐ react-selectly
should be available. I'll try to think of some other names ๐ค
from downshift.
I really like the Sherlock one...but probably because I really love the stories ๐
from downshift.
Oh, what if we use a character from "Mistborn" (I'm reading it right now):
Mistborn are Allomancers who are able to gain power from all Allomantic metals, and are some of the most powerful characters in the Mistborn series.
Basically, Mistborn are rare. More commonly you'll find Mistings. Mistings have one of 8 available powers, but Mistborn have all 8 powers. So the idea of flexibility is strong here.
So we could use Kelsier (not taken). Though... we might run into trademark issues ๐ค #leftpad
As for an emoji/logo.... ๐ฅ seems appropriate ๐ค
Maybe not ๐
from downshift.
that could be cool. i was thinking along the lines of animals like an owl ๐ฆ for all knowing wise, elephant ๐ for it's memory/recollection, or even a golden-retriever ๐ for it's....well, retrieving haha. might be a bit of a stretch though.
maybe just react-zoltan
like the fortune teller or react-acadabra
with a ๐ฉ for a magician ๐
from downshift.
And with that I'm honestly thinking that react-retriever ๐ may be better... Yikes, all this naming stuff is giving me a headache.
from downshift.
That's part of the issue ๐ there doesn't always need to be an input
. It can be used to make a simple dropdown with keyboard navigation as well as other components.
from downshift.
I would just use the word without the react prefix.
from downshift.
Sure, if you're working on it now ๐
from downshift.
Coming from a design standpoint, I like the red car better ๐
from downshift.
So, honestly, what's the difference between all of these components? I feel like their names are all a little interchangeable right?
from downshift.
I'm not sure what you mean? I'm proposing a library name change, so it would be something like:
import { Manager, Input, Menu, Item } from 'react-choose'
function Select({ items }) {
return (
<Manager>
<Input/>
<Menu>
{items.map(item => <Item {...item}/>)}
</Menu>
</Manager>
)
}
Maybe just changing the component names would be enough? I just like the idea of it for other use cases and feel it would be weird to see an Autocomplete component powering a Dropdown.
from downshift.
Yeah, my question is, from a design perspective, what's the difference between a dropdown, select, and autocomplete component? Aren't they all basically the same thing?
from downshift.
Aren't they all basically the same thing?
Dropdown not, but select and autocomplete basically yes, because dropdown not necessarily handle state, it can be just a menu.
from downshift.
Interesting idea here. For dropdown/select I've used this http://jedwatson.github.io/react-select/ before and it worked quit nicely in a 'live' update scenario (I.e. Enter values in one select and upon change focus, subsequent select on same view gets just added values to a multi select from) fairly efficiently.
from downshift.
Ok, clearly the name is confusing people.
I'm happy to rename this project, but it's gotta be good.
Why don't we come up with several suggestions, then I can make a twitter poll and see what folks think...
from downshift.
๐ I'll give you selectly if you want it, since it's similar to the current name ๐
from downshift.
We can make that an option. Though I'd like react
in the name honestly. I don't expect that this'll ever work without (P)react...
from downshift.
react-optionally ๐
from downshift.
Ok, here's the tweet ๐
from downshift.
Because react-autocompletely can support such a wide variety of use cases, @markdalgleish suggested that we come up with a catching but totally meaningless name.
I like the idea! What do you think? Bonus points if it's in reference to something from ancient times (like greek mythology or Medieval times or something).
from downshift.
Sometimes it might help to think of a logo/emoji first and then come up with a cool name. Here are some emoji that I think would be cool:
โก๏ธ ๐ฅ ๐ฎ ๐ซ โจ ๐ฅ ๐ต๏ธโโ๏ธ ๐ ๐ช
from downshift.
Azula might be cool to go with ๐ฅ
from downshift.
react-selectively
react-positively
react-specifically
react-picky
react-choosey
react-pickle
react-pickly
from downshift.
reactive-react
from downshift.
react-choo ๐
react-gather ๐
react-harvest ๐พ
react-retriever ๐ (credit to @rouzbeh84 from above, writing it out makes it sound so cool! ๐)
react-kadabra ๐ฎ (inspired by @rouzbeh84 again, and pokรฉmon!)
from downshift.
I'm liking:
- react-kadabra ๐ฎ
- react-retriever ๐
But honestly I'm starting to think that react-autocompletely
is pretty good and we should just stick with it. I dunno... It's already gotten a fair amount of traction.
from downshift.
I vote for react-kadabra. I like that you can use the same emoji with it and since the library is still fairly new I think the name change would be fine and hopefully help mitigate any confusion on it being only an autocomplete component. Plus, with a name like kadabra, we could make a reallllllly cool demo site since it has a sort of theme to it ๐
from downshift.
I'm soooo down ๐
from downshift.
Nice!
from downshift.
~/Developer/react-kadabra (master)
๐ช $ npm publish --tag beta
+ [email protected]
from downshift.
It'll take a little time for travis to update but hopefully it'll happen soon
from downshift.
I'll try to setup Netlify on this repo so we have an easy deployment story ๐
from downshift.
This is a good point: https://twitter.com/AntJanus/status/893116305431068673
We should probably avoid tying ourselves to the pokemon for this reason...
from downshift.
Oh dang that's a good point ๐ I always liked react-retriever as well. I don't know which is harder, a good API or naming something ๐ฉ
from downshift.
Problem with react-retriever is it's not entirely easy to spell. Not a really common word people use...
Back to the drawing board....
from downshift.
Orrr react-cadabra? Playing off of Abracadabra
and not pokemon so there aren't any lawsuits and the emoji makes more sense ๐
from downshift.
react-resilience
cause who knows what people are gonna put in your form inputs ;). Jk haha
I like both of the resurgent finalists. FYI I only rethink in re-insert-words now ๐คฃ๐
from downshift.
I spelled "kadabra" wrong like 3 times (trying different variants of abacadabra) whilw Googling after seeing it on Twitter and got really irrelevant results. Maybe as it gets more popular it will rank higher but right now... Not so great.
OTH I do like the Ruby convention of using somewhat fanciful or uncommon names for libraries to avoid giving the appearance of there being an official or "blessed" library in hot namespaces where there could be multiple competing projects. NPM, and react in general, is terrible in this regard (looking at you react-router!).
from downshift.
I definitely want to keep this react
specific as it is a react library, so having react
in the name is important IMO (despite the drawbacks you mention).
I spelled "kadabra" wrong like 3 times
Yeah, that's unfortunate... Let's go with something easy to spell.
from downshift.
react-completionist
react-volunteer
react-ucompleteme (please don't)
from downshift.
react specific as it is a react library
The react part is fine and makes sense, it's "well I'm the first library here so I get the most obvious name" part that isn't great. I.e., react-select, react-router are one of many.
from downshift.
I like that a lot actually @tkh44!
Now for a emoji... The first thing that comes to mind is ๐ which is totally awesome ๐ถ
Should it be react-downshift
or just downshift
?
Honestly... Someone could wrap this lib up in preact-habitat
by @zouhir and they could use it in any framework. It'd be pretty slick (and small) actually!
So I'm thinking simply downshift
...
from downshift.
second that!
from downshift.
@souporserious what do you think?
from downshift.
I like single names as well :) I don't think it necessarily needs react in the name. Think of all of the jQuery plugins that came out that didn't prefix jQuery.
from downshift.
You cool to wait to change until the multiple stuff is done? ๐
from downshift.
Another thing to consider is I don't have an SVG for the one from emojione so we'd have to make that ourselves....
from downshift.
Ok! Rename is done and I added a simple png logo. Hoping to get a nice SVG soon!
from downshift.
Oh snap. My friend @strack just sent me this as an SVG! ๐
I'll update the logo on the README with this. Thanks tons Isaac!
from downshift.
Oops I guess I'm late. I did this https://gist.github.com/josephrexme/d35258ac2bc0ef5038795f2e8eee8860
from downshift.
Ah, but 2 minutes! Thanks for working on it! I've already updated it with what Isaac sent me. I think I'll leave it as is. I really appreciate what you've done though, thank you :)
If you still want to help out, I'd love to have a help codesandbox (like the one for glamorous). If you'd like to make that, I'd love it ๐
from downshift.
react-pqr - simple, short, alphabet for everything
from downshift.
Related Issues (20)
- Highlighting is Inconsistent on Toggle Button using `useSelect` HOT 2
- defaultHighlightedIndex will select disabled items HOT 1
- v10
- Is it possible to use JS to set the value of a React + downshift autocomplete dropdown? HOT 1
- Errors in `typings/index.d.ts`
- Select / highlight first item, that is not disabled when using arrow keys to open the menu
- Screen readers read out object code when using useMultipleSelection hook HOT 1
- useCombobox focus-ring during keyboard navigation HOT 3
- aria-selected returned as string instead of boolean
- `onSelectedItemChange` triggers multiple times when `onMouseMove` and `onClick` happens in the same frame
- CodeSandbox examples broken, and workaround also broken HOT 2
- Disabled items are highlighted and are selectable by pressing enter after input value change HOT 4
- Dropdown items are not selectable on mobile devices when rendering to a portal element HOT 2
- Pressing shift + tab selects highlighted item HOT 2
- setActiveIndex seems like not working in new Next.js v15 and React 19
- Request: Update/Remove `prop-types` Usage
- Combobox is not reading the items in JAWS HOT 1
- Incorrect use of <label for=FORM_ELEMENT> HOT 7
- Type for `item` property to `useCombobox` too strict HOT 1
- Document Types for Passing Getter-Props Down to Other Components
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 downshift.