jsx-eslint/eslint-plugin-react

Rule proposal: jsx-padded-children

Open

#2.045 geöffnet am 13. Nov. 2018

Auf GitHub ansehen
 (4 Kommentare) (5 Reaktionen) (0 zugewiesene Personen)JavaScript (2.797 Forks)batch import
acceptedhelp wantednew rule

Repository-Metriken

Stars
 (8.630 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Something similar to padded-blocks where it disallows code similar to this:

<div>

  <img />
</div>

Depending on the setting the following should not throw a warning:

// jsx-padded-children: [2, "always"]
<div>

  <img />

</div>

// jsx-padded-children: [2, "never"]
<div>
  <img />
</div>

Not sure if anyone ever would pick up always, that's why I'm also down for jsx-no-padded-children or something like that

Contributor Guide

Research-Richtung
Implementieren Sie eine neue ESLint Regel namens jsx padded children, die Leerzeilen zwischen JSX Kindern erzwingt oder verbietet, ähnlich der bestehenden Regel padded blocks. Studieren Sie die bestehenden Regelimplementierungen in eslint plugin react auf Muster, insbesondere Regeln, die JSX Strukturen überprüfen. Verwenden Sie AST Selektoren, um auf JSXElement Kinder zu zielen und Leerzeilen zwischen ihnen zu überprüfen.
Tech Stack
javascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptESLint plugin development
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70