jsx-eslint/eslint-plugin-react

Rule proposal: forbid superfluous enclosing spaces in same-line jsx components

Open

#191 geöffnet am 17. Aug. 2015

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

Repository-Metriken

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

Beschreibung

This would produce a warning:

<span> { tab.title } </span>

as it produces 3 <span> DOM nodes (typically not wanted)

This wouldn't:

<span>{ tab.title }</span>

Contributor Guide

Research-Richtung
Untersuche die Implementierungsmuster vorhandener JSX Abstandsregeln in eslint plugin react (z.B. jsx curly spacing). Definiere eine Regel, die überflüssige Leerzeichen innerhalb von JSX Ausdrucksklammern erkennt, wenn sie als direkte Kindelemente verwendet werden.
Tech Stack
javascriptreact
Domain
developer experiencetooling
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
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
JavaScriptReactESLint plugin development
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75