jsx-eslint/eslint-plugin-react

Rule proposal: jsx-padded-children

Ouverte

#2 045 ouverte le 13 nov. 2018

Voir sur GitHubGuide contributeur
 (4 commentaires) (5 réactions) (0 personne assignée)JavaScript (2 731 forks)batch import
acceptedhelp wantednew rule

Métriques du dépôt

Stars
 (9 293 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Implementez une nouvelle regle ESLint appelee jsx padded children qui impose ou interdit les lignes vides entre les enfants JSX, similaire a la regle existante padded blocks. Etudiez les implementations de regles existantes dans eslint plugin react pour les modeles, en particulier les regles qui verifient les structures JSX. Utilisez les selecteurs AST pour cibler les enfants de JSXElement et verifier les lignes vides entre eux.
Stack technique
javascript
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.
3
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.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptESLint plugin development
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70