jsx-eslint/eslint-plugin-react

Rule proposal: prevent object literal spreads

Ouverte

#2 217 ouverte le 26 mars 2019

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)JavaScript (2 733 forks)batch import
help wantednew rule

Métriques du dépôt

Stars
 (9 292 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

In JSX it's possible to write:

<Foo {...{a: 1, b: 2}} />

instead of

<Foo a={1} b={2} />

The former is valid JSX but (to React eyes) hard to read. It would be good to lint against it (it may be autofixable too, not sure about edge cases).

Guide contributeur

Direction de recherche
Implémentez une nouvelle règle ESLint qui détecte les spreads d'objets littéraux dans JSX (par exemple, `{...{a:1}}`) et suggère une correction automatique vers des props individuelles. Étudiez les règles existantes dans eslint plugin react pour les motifs et types de nœuds AST.
Stack technique
javascriptreactnodejs
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Aucun
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80