Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[feat]: skipAnimation at the component level

Abierto
#1,982 0 comentarios 0 reacciones 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
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza en el punto de entrada useSpring y sigue cómo se aplica la configuración global existente skipAnimation. Define cómo interactúa skipAnimation: false a nivel de componente con la configuración global y añade cobertura de pruebas que demuestre que los usuarios con movimiento reducido siguen omitiendo otras animaciones mientras se ejecuta esta animación del componente.

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

Descripción

template: request
A clear and concise description of what the feature is

skipAnimation currently exists at the Global level which is very useful when used with useReducedMotion to be a good a11y citizen. But what if there are animations we don't want skipped regardless of user preference? Currently we can only block all animations or allow all and selectively block a few. This feature would allow one to maintain skipping animations for folks with reduced motion turned on but allow you to selectively allow certain animations to proceed.

Why should this feature be included?

The alternative is to selectively block animations. In a large codebase where many animations can exist this is not only cumbersome but also exposes the developers to shipping a poor a11y experience by forgetting to check reduced motion setting for new animations added.

Please provide an example for how this would work
// when the property exists and it's set to false the animation will not be skipped regardless of the global setting.
useSpring({ skipAnimation: false }); 
Lenguaje dominante
TypeScript
Estrellas
29.2k
Forks
1.2k
Merge medio
16 h 25 min
PR fusionados (30 d)
48

Preparar el entorno

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 pmndrs/react-spring

Todos los issues de pmndrs/react-spring

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.