Further refactor modifier classnames

Abierto
#425 0 comentarios 1 reacción 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Refactorización
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Review the modifier class names and the CSS class naming rules linked in the issue. Check how modifier classes are defined and used across the components, then assess the scope of renaming them to the proposed patterns. Done means the affected class names follow the agreed patterns and part 4 of the contribution guide documents the rules.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

BC

Looking at the modifier classes, I think we could further unify their names instead of attempting to build sentence-like names: .isToolbarAlignedToTop ➡️ .isToolbarAlignTop, etc. The pattern would be:

  1. .is<ELEMENT><PROP-NAME><PROP-VALUE> for oneOf prop types, e.g. .isRootColorPrimary,
  2. .is<ELEMENT><PROP-NAME> for truthy boolean prop types, e.g. .isRootBlock.

If you agree, I'd do it in a separate PR (or a commit at least) and also document it in part 4.

Originally posted by @adamkudrna in https://github.com/react-ui-org/react-ui/pull/424#discussion_r974374485

Lenguaje dominante
TypeScript
Estrellas
23
Forks
10
Merge medio
5 d 12 h
PR fusionados (30 d)
9

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

  • Sin Dockerfile ni archivo de Docker Compose
  • Sin plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-ui-org/react-ui

Todos los issues de react-ui-org/react-ui

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.