reactjs / reactjs/react.dev

[Beta] Better imports for icon components

Abierto
#4,874 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
1 d 11 h
PR fusionados (30 d)
11

Descripción

Creating an index.ts file in components/Icon that would just import all the icon components and export them.

// components/Icon/index.ts
import {IconCopy} from './IconCopy';

export {IconCopy};
Why do this?

The old import

import {IconCopy} from '../Icon/IconCopy';

would then be replaced with

import {IconCopy} from '../Icon';

thus creating a better readable code.

Guía de contribución

Abrir la 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.

Línea de trabajo

Empieza por components/Icon y el punto de entrada propuesto components/Icon/index.ts, usando IconCopy como exportación de ejemplo. Busca las importaciones existentes de ../Icon/IconCopy, sustitúyelas por ../Icon y confirma que el índice exporta todos los componentes de iconos.

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

Evaluación

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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.