TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

React Color – Color Pickers from Sketch, Photoshop, Chrome and More

274 点作者 casesandberg超过 9 年前

16 条评论

ts330超过 9 年前
Every time someone invents another framework, 1000s of hours are lost to rewriting these widgets - colour pickers, date pickers, drop-downs, combo-boxes etc etc. And that&#x27;s before people complain about lack of flexibility and all the missing features their predecessors have accrued over time. More wasted time as people try to get to grips with yet another style of configuration, operation and tweaking to fit real world use cases.<p>I&#x27;m all for innovation and advancing the state of the art, but there has got to be a better way of dealing with these basic components. All we&#x27;re doing here is creating projects for those with time on their hands, frustrating those with none, and keeping StackOverflow in business.
评论 #10074504 未加载
评论 #10073698 未加载
评论 #10074409 未加载
评论 #10073673 未加载
评论 #10074413 未加载
评论 #10074677 未加载
评论 #10074358 未加载
评论 #10076816 未加载
评论 #10073947 未加载
评论 #10076142 未加载
drinchev超过 9 年前
Looks awesome. Kudos.<p>I&#x27;m not a React specialist and I have the following question : Is it that common to write the CSS inside the JSX file?<p>Since I started learning React, the hardest part to swallow was that my HTML and JS now live in the same file. Now I see that this library also puts the CSS and since I&#x27;m not entirely sure if this is good or not, can someone point some Pro&#x27;s and Cons and if it&#x27;s common or not.
评论 #10074039 未加载
评论 #10073555 未加载
评论 #10075119 未加载
评论 #10073785 未加载
评论 #10073547 未加载
TeeWEE超过 9 年前
Try dragging within the colorpicker rainbow sections... Its super slow, for every drag event React-engine will perform a diff on the domtree.... This is not the way to implement such components. React is nice for non-continuous dom updates. But it will be never quicker than drawing to the screen yourselve, or updating the components yourselve... Its a lot faster than diffing a tree every few milliseconds.
评论 #10075789 未加载
stevejohnson超过 9 年前
I&#x27;ve tried half a dozen libraries to solve this problem for Literally Canvas (<a href="http:&#x2F;&#x2F;literallycanvas.com" rel="nofollow">http:&#x2F;&#x2F;literallycanvas.com</a>). They all have one or more dealbreakers. In this case, it&#x27;s superficially that the controls are too close together to be touch-friendly. But it looks really extensible and easy to change, so I&#x27;ll give it a shot anyhow. Thanks!
评论 #10075140 未加载
sktrdie超过 9 年前
Cool but it still lags :( Wasn&#x27;t ReactJS suppose to be quicker because of Virtual DOM or something?
评论 #10073721 未加载
评论 #10073316 未加载
评论 #10075799 未加载
ygra超过 9 年前
Pretty, although I found a few issues:<p>The Sketch colour picker in the second sample in More Examples has no alpha, yet displays an editable field for it. Furthermore, while a text box for the colour component has focus, dragging of the label below it changes the colour, but not the value in the text box. And I think for all &quot;dialog-like&quot; colour pickers the text box labels should actually be labels for the text box, that is, when clicked, they should put focus on the text box.
ademup超过 9 年前
Very nice work. Sincerely, thank you for the writeup! I&#x27;m still trying to gauge whether React is good for me or not, and this is very readable :)<p>I noticed that it is trivial to break the whole thing in a way that would probably put off average users. (See Bug Report at bottom.)<p>I would like to read ideas here that weigh the merits of Web Components and other compartmentalized (web) programming techniques and their ability to still have the ability to fail globally, especially if they promote an environment that gives the (perhaps false) notion that &#x27;What I do in this will not be a problem for you&#x27;. Is this a function of React(and similar), the programmer, or other? Is it even a thing at all?<p>Bug Report: Changing an integer value to &quot;g&quot; in the R field of &quot;Sketch&quot; breaks ALL widgets with the only apparent way of fixing is clicking a swatch or entering a valid hex where available. Clicking Up or Down arrows in &#x27;Chrome&#x27; does not fix. Clicking in color areas of &#x27;Chrome&#x27;, &#x27;Sketch&#x27;, or &#x27;Photoshop&#x27; does not fix. Inputting Valid RGB values into any field does not fix but reverts to NAN.
评论 #10074666 未加载
评论 #10078490 未加载
thedaemon超过 9 年前
It&#x27;s missing my personal favorite the triangle or sometimes called color wheel.
评论 #10072914 未加载
dbbolton超过 9 年前
I&#x27;d love to see a GTK-style version, i.e. a hue wheel with a S&#x2F;L triangle like this: <a href="http:&#x2F;&#x2F;i.imgur.com&#x2F;yscI9Iy.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;yscI9Iy.png</a>
评论 #10073508 未加载
markthethomas超过 9 年前
This looks awesome; the color pickers I&#x27;ve seen for react so far are either really minimally complete or too rigid. Nice to have a solid one to reference&#x2F;use if I need it. Thanks for your work on this!
Twinklebear超过 9 年前
This is really cool! Sorry if this is kind of a dumb question but I know nothing about web development: can I use this without running node on the server? I&#x27;d like to use this for a WebGL distance field renderer I&#x27;m working on but host things on my Github page and thus can only do client side stuff. Getting a server is a possibility but for just one tiny project it doesn&#x27;t seem worth it.
评论 #10073135 未加载
评论 #10074724 未加载
评论 #10073125 未加载
KiaFathi超过 9 年前
The documentation is awesome, I noticed it is pretty similar to React-CSS&#x27;s documentation. Is that the original source of this documentation style or is there some library I can use for my own personal project?
评论 #10077753 未加载
mshenfield超过 9 年前
Wow! I feel like this is one of the first packaged widgets I&#x27;ve ever come across (could be very very wrong). Great example of how React and web components will make the future of the web more awesome.
评论 #10075776 未加载
评论 #10073487 未加载
JDDunn9超过 9 年前
Looks really great. Why the React dependency though? Would be more flexible, faster, and avoid dependency hell if it was vanilla JS.
评论 #10074150 未加载
评论 #10074542 未加载
评论 #10073678 未加载
smaili超过 9 年前
Really slick but would be great if there was a browser compatibility listed somewhere.
webosb超过 9 年前
does this work with react 0.14?