jsx-eslint/eslint-plugin-react

Rule suggestion: Prevent invalid HTML DOM element name to be used

Open

#1.752 geöffnet am 30. März 2018

Auf GitHub ansehen
 (7 Kommentare) (0 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

It would be nice if invalid DOM element name is detectable. How about this rule?

valid:

<div>{ 'bar' }</div>

invalid:

<foo>{ 'bar' }</foo>

Contributor Guide

Research-Richtung
Überprüfe die vorhandenen Regeln im eslint plugin react Repository, um das Muster für die Regelimplementierung zu verstehen. Prüfe die ESLint Plugin API zum Erstellen benutzerdefinierter Regeln und untersuche den AST von JSX Elementen. Sieh dir die Kommentare zum Issue an, um etwaige Anleitungen der Maintainer zu erhalten, welche ungültigen DOM Elemente einzubeziehen sind (z. B. eine Liste gültiger HTML Tags aus der HTML Spezifikation). Erwäge, auf die Regel 'no unknown property' für einen ähnlichen Ansatz zu verweisen.
Tech Stack
javascriptreact
Domain
frontend
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
Node.jsESLint
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70