Consistent quote style for both JS and JSX?

The style guide says to prefer single quotes for JS. However, for JSX, it prefers double quotes because:

double quotes make conjunctions like "don't" easier to type

Although in practice it probably occurs less frequently, you could make the same argument for using single quotes to make quoted bits like 'Say "hello"' easier to type.

Still, all of this seems to me to matter less than the consistency that would be gained by choosing either single quotes or double quotes for both JS and JSX. What do you think?

[ljharb]

The “easier to type” thing I don’t really buy because one shouldn’t be using straight quotes from a typography standpoint - ie, 'don’t' and "don’t" are equally easy to type. We should improve the rationale in that section.

Personally I prefer double quotes in JSX because double quotes are also ideal for HTML (even though single quotes work, they look ugly in HTML), and I see JSX and HTML as largely similar.

JS and JSX aren’t the same - I don’t see any value in necessarily having consistency between them. I also think that there’s value in differentiating inline JSX values from JS values.

[AlicanC]

I understand the majority viewpoint that “JSX is not HTML, it’s sugar over JS”, but that’s just not how I see it 😃

When I saw JSX I was like “HTML in JS? Booyah!” until this exploded in my face:

return (
  <div class="someclass" />
);

I started using single quotes for JSX because it immediately sets my brain’s “This is not HTML, this is JSX.” mode on. HTML has no power here. It’s all about it’s JS API.

Edit: Fixed the typo mentioned in the following comments.