Improve experience with React · sindresorhus/eslint-plugin-unicorn#1639

(3 comments) (15 reactions) (0 assignees)JavaScript (5,022 stars) (468 forks)user submission

enhancementhelp wanted

説明

React is a very popular package, but a couple of the rules need some configuring to make it work.

We could either improve the rules to detect React usage and apply overrides or provide a React preset. I would prefer the former if possible.

prevent-abbreviations:

"prop": false,
"props": false,
"ref": false,
"refs": false

filename-case: https://github.com/sindresorhus/eslint-plugin-unicorn/issues/203#issuecomment-794195756

Any other rules?

技術スタック: javascriptreact
領域: developer experiencetooling
Issue 種別: feature
難度: 3
推定時間: half day
活動状況: fresh
明確さ: mostly clear
前提条件: basic understanding of ESLint pluginsfamiliarity with React conventions
初心者向け度: 60
調査方針: This issue proposes improving the eslint plugin unicorn project's default configuration for React projects. The two main suggestions are: (1) automatically detect React usage and apply overrides for rules like `prevent abbreviations` and `filename case`, or (2) provide a dedicated React preset. To contribute, examine the existing rule files (e.g., rules/prevent abbreviations.js and rules/filename case.js) and understand how the project currently handles rule configuration. Review the linked GitHub comment on issue #203 for community input on filename case. Consider proposing a solution that auto detects React by checking for imports from 'react' in the project. Submit a pull request with clear documentation and tests.