Rewrite code to make xo happy without any rules

[leo]

The long-term goal is to comply with all of xo's standards, so that we can remove these rules. I already made the code comply to many rules, but these are left.

• react/prop-types
• react/jsx-no-bind
• new-cap
• complexity
• no-warning-comments (630f0f4)
• react/jsx-filename-extension
• react/no-danger (Remove XO's no-danger rule #756)
• react/no-string-refs (No string refs #766)
• react/jsx-key (xo: react/jsx-key #767)
• quote-props
• import/no-extraneous-dependencies
• no-nested-ternary

[davegomez]

I can work on this!

[davegomez]

The changes for this issue are massive in some cases. I'm planning to send one PR for each rule fulfilled.

[leo]

@davegomez Cool, thanks! 😘

[ekmartin]

react/prop-types: Since we don't have any prop types from before, wouldn't it be better to add flow? It can be added incrementally as well, and we don't have to use it for anything else than props.

react/no-danger: #723 (comment) (the only place we use dangerouslySetInnerHTML it's the only way we can do it, and as the link mentions I think the name covers it more than enough by itself)

[sindresorhus]

Context of why those rules should be enabled: #723 (comment)

[sindresorhus]

react/no-danger: #723 (comment) (the only place we use dangerouslySetInnerHTML it's the only way we can do it, and as the link mentions I think the name covers it more than enough by itself)

Then I would recommend just disabling it inline where it's used with a ESLint directive:

// eslint-disable-line react/no-danger

[davegomez]

So are we gonna add the Proptypes or don't?

And I agree with @sindresorhus that we should use the inline comment to disable the react/no-danger rule.

[maxdeviant]

@leo @sindresorhus How do we want to handle quote-props?

It seems like the only place we are using them is for CSS pseudo-classes (e.g., :hover), and it seems rather silly to have to quote all the properties off of that 😅

Should we disable with inline comments? I don't suppose we could switch the xo rule to as-needed?