Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers • Hacker News Board

Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#1

Post by casesandberg » Tue, Oct 11, 2016, 3:10 PM UTC

Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers
casesandberg.github.io

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#2

Post by roasbeef » Tue, Oct 11, 2016, 3:40 PM UTC

I am seeing css styles in javascript more and more now. Is this a performance thing?

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#3

Post by henryboldi » Tue, Oct 11, 2016, 3:46 PM UTC

Did you get permission from Slack to rip off their emoji picker like this?

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#4

Post by doomtop » Tue, Oct 11, 2016, 3:56 PM UTC

roasbeef wrote: post #2

I am seeing css styles in javascript more and more now. Is this a performance thing?

I believe it's more of a convenience, and React-based projects are setup for it. You can avoid dealing with the global cascade and there's no need to maintain a parallel set of files for styling; it's all in the JavaScript.

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#5

Post by yefim » Tue, Oct 11, 2016, 5:35 PM UTC

henryboldi wrote: post #3

Did you get permission from Slack to rip off their emoji picker like this?

Along the same lines, did you get permission from Henry to use his name?

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#6

Post by ng12 » Tue, Oct 11, 2016, 6:39 PM UTC

roasbeef wrote: post #2

I am seeing css styles in javascript more and more now. Is this a performance thing?

Worth noting that the same author created a fairly popular library for JS styles: https://github.com/casesandberg/reactcss

It's more about getting locally-scoped, composable CSS than performance. It's similar in concept to CSS Modules.

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#7

Post by ht85 » Tue, Oct 11, 2016, 7:31 PM UTC

Glitchy in Firefox 47, Ubuntu 15.10

https://snag.gy/1ELC2A.jpg

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#8

Post by bpicolo » Wed, Oct 12, 2016, 1:09 AM UTC

henryboldi wrote: post #3

Did you get permission from Slack to rip off their emoji picker like this?

It's like 95% similar to the builtin mac picker. (ctrl+command+space)

Re: Show HN: React Reactions – Slack, Pokemon, GitHub, Facebook and YouTube Pickers

#9

Post by newsat13 » Wed, Oct 12, 2016, 1:58 AM UTC

Glitch in chrome: https://share.viewedit.com/hpHseCYcRVRFowSoxWEV2H