Enforce single-quotes for JSX

[Richienb]

The quotes for strings and string values of JSX attributes should both be single:

const foo = 'bar';

<a href='https://example.com'>foo</a>

vs the current configuration which enforces different styles in the same file:

const foo = 'bar';

<a href="https://example.com">foo</a>

What do you think?

[sindresorhus]

I agree. I initially made it double-quotes as the React docs used it, but I have come to prefer single-quotes for JSX.

Some good arguments in: airbnb/javascript#269 (comment)

[fregante]

It's kinda funny that I keep reading "HTML uses double quotes" while it's as true as "JavaScript uses single quotes." Both are supported and are a stylistic preference.

I'm ok with this change, even it will cause some churn

[Primajin]

Sorry to be that guy again but do we really want to prefer Javascript style over HTML style for JSX? Isn't the whole idea of JSX to use HTML-like code?

[fregante]

Read my last comment. There's no such thing as "HTML style". I write my HTML as: <div id='👋'>

[Primajin]

Ahh thanks, learned something new today: I am writing HTML since the nineties and I never questioned it that it was double quotes - I just thought it's a given.

Sorry I had interpreted your comment differently but now I understand it.