(quotemark) add option to enforce double quotes in JSX attributes and single quotes elsewhere

[prabirshrestha]

No description provided.

[adidahiya]

is this a feature request?

just to be clear, you want to enforce double quotes in HTML attributes within JSX?

<MyComponent someAttr="valid" another='invalid' />

[prabirshrestha]

This is a feature request.

const value = 'some text';
<input placeholder="placeholder" value={value} />

I want to enforce double quotes only in attributes within JSX. If it isn't an attribute should use single quote.

[cajoy]

This rule is really needed for TSX files as tslinter complains about doublequotes in TSX files.

[nikolaymatrosov]

+1

[dupski]

+1

[jkillian]

Seems like a solid rule idea that is popular. I'll prioritize this!

[jkillian]

Just to double-check, this is just a stylistic issue right? Using single quotes for JSX attributes shouldn't cause any functional problems as far as I know:

<div someProp='someValue' />

[dupski]

Hi Jason

Yes you can use either single or double quotes in JSX as far as I can tell,
so yes this is mainly a stylistic issue.

If possible I think it might be nice to configure JSX quoting separately
from TS, maybe a quotemark-jsx setting? There are instances where you might
want to interchangeably use the single or double quoting styles, e.g.
because it is not possible to escape quotes in JSX.

Cheers!
On 2 Nov 2015 9:05 pm, "Jason Killian" notifications@github.com wrote:

Just to double-check, this is just a stylistic issue right? Using single
quotes for JSX attributes shouldn't cause any functional problems as far as
I know:

—
Reply to this email directly or view it on GitHub
#673 (comment).

[jkillian]

I'm thinking we could add two more options to the quotemark rule: jsx-single and jsx-double. These rules would enforce either single or double quotes for JSX attributes. If you have the avoid-escape option set, they would allow you to use the other form of quotemark when necessary. Does this sound like it would meet everyone's use case?

[dupski]

Sounds good to me :)
On 6 Nov 2015 6:32 pm, "Jason Killian" notifications@github.com wrote:

I'm thinking we could add two more options to the quotemark rule:
jsx-single and jsx-double. These rules would enforce either single or
double quotes for JSX attributes. If you have the avoid-escape option
set, they would allow you to use the other form of quotemark when
necessary. Does this sound like it would meet everyone's use case?

—
Reply to this email directly or view it on GitHub
#673 (comment).

[adidahiya]

this feature is available now in tslint@next (v3.2.2-dev.1)