jsx-eslint/eslint-plugin-react

Rule proposal: jsx-padded-children

Open

#2.045 aberto em 13 de nov. de 2018

Ver no GitHub
 (4 comments) (5 reactions) (0 assignees)JavaScript (2.797 forks)batch import
acceptedhelp wantednew rule

Métricas do repositório

Stars
 (8.630 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Implemente uma nova regra ESLint chamada jsx padded children que impõe ou proíbe linhas em branco entre os filhos JSX, semelhante à regra existente padded blocks. Estude as implementações de regras existentes no eslint plugin react para padrões, especialmente regras que inspecionam estruturas JSX. Use seletores AST para segmentar os filhos de JSXElement e verificar linhas em branco entre eles.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptESLint plugin development
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70