feat(eslint-plugin-jsx): add jsx-self-closing-comp

[zhiyuanzmj]

Disallow extra closing tags for components without children (react/self-closing-comp)

🔧 This rule is automatically fixable by the --fix CLI option.

Components without children can be self-closed to avoid unnecessary extra closing tag.

Rule Details

Examples of incorrect code for this rule:

var HelloJohn = <Hello name="John"></Hello>;

var HelloJohnCompound = <Hello.Compound name="John"></Hello.Compound>;

Examples of correct code for this rule:

var contentContainer = <div className="content"></div>;

var intentionalSpace = <div>{' '}</div>;

var HelloJohn = <Hello name="John" />;

var HelloJohnCompound = <Hello.Compound name="John" />;

var Profile = <Hello name="John"><img src="picture.png" /></Hello>;

var ProfileCompound = <Hello.Compound name="John"><img src="picture.png" /></Hello.Compound>;

var HelloSpace = <Hello>{' '}</Hello>;

Reference

https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md

[netlify]

✅ Deploy Preview for eslint-stylistic ready!

Name	Link
🔨 Latest commit	cfc9de6
🔍 Latest deploy log	https://app.netlify.com/sites/eslint-stylistic/deploys/652cdf2c1f50990008d58693
😎 Deploy Preview	https://deploy-preview-22--eslint-stylistic.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[antfu]

Looks good. I think we'd better to rename the rule to jsx-self-closing-comp to have a clear scope.