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

refactor(card): modernize composition model and improve MD3 behavior

Abierto
#4,929 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 7 días

@pawelkata ya está trabajando en esto.

Desde el 11/9/2026.

  • #5116 de @pawelkata — abierto

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
25/100
Tipo de issue
Refactorización
Claridad
Necesita aclaración
Estado de actividad
Tranquilo
Stack tecnológico
react-native, typescript

Línea de trabajo

El issue menciona Card, Card.Content y Card.Actions, pero no indica ningún archivo ni test. Empieza localizando la implementación de Card y su API pública existente; después compara la composición, las variantes, la elevation, el espaciado y el comportamiento pressable actuales con la dirección de slots propuesta; no se han especificado los criterios de finalización ni los tests, por lo que el alcance debe acordarse con los maintainers.

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

Descripción

v6

Refactor Card to improve Material Design 3 compliance, remove problematic children patterns, improve performance characteristics, and modernize the public API.

Problems

  • Current API relies heavily on children composition in ways that are difficult to optimize
  • Internal layout logic is tightly coupled to arbitrary child structures
  • MD3 behaviors and visuals are not fully aligned with current Material guidelines
  • Rendering performance can degrade in large lists or frequently updated screens
  • Type safety and discoverability of the API can be improved
  • The component has inconsistent behavior between platforms and edge cases

Focus Areas

  • Reduce dependence on deeply nested children
  • Improve Card.Content / Card.Actions architecture
  • Improve elevation and surface behavior
  • Improve shape and outlined variants
  • Simplify internal spacing rules

Proposed API Direction

Introduce clearer slot-based APIs:
<Card title="Title" subtitle="Subtitle" content={<Text>Content</Text>} actions={[...]} />

Performance Opportunities

  • Reduce nested wrappers
  • Optimize pressable behavior
  • Avoid unnecessary subtree re-renders
  • Improve memoization boundaries
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
6 d 12 h
PR fusionados (30 d)
5

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 callstack/react-native-paper

Todos los issues de callstack/react-native-paper

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.