jsx-eslint/eslint-plugin-react

Rule Suggestion: Forbid Classes / Classnames

開放

#1,193 建立於 2017年5月13日

在 GitHub 查看貢獻者指南
 (7 則留言) (0 個反應) (0 位負責人)JavaScript (2,733 個分叉)batch import
acceptedenhancementhelp wantednew rule

倉庫指標

星標
 (9,292 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

We have a font-awesome <Icon> component that handles accessibility nicely. However, it's still really easy for people to write <i className="fa ...">. It would be nice if we could ban a class based on matching a regex. Obviously, it's tricky/impossible to ban every possible use if people are doing things at runtime, but it would be nice if I could say no to a fair number of cases where this comes up.

貢獻者指南

研究方向
要實作此功能，貢獻者應檢查 eslint plugin react 儲存庫 `lib/rules/` 目錄中的現有規則，以了解規則建立的模式。議題討論建議新增一個可配置選項，透過正規表示式匹配類別名稱，類似於 `no unknown property` 規則。貢獻者還應查閱 ESLint 關於編寫自訂規則的文件。議題評論（例如來自 @ljharb 的評論）可能包含額外的要求或限制。新規則應命名為類似 `no class name regex` 的名稱，並應支援指定正規表示式模式的選項。
技術棧
javascriptreact
領域
developer experience
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
較久未更新
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
JavaScriptESLint
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60