Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen
  • Stimmt etwas nicht?
#4,929 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 7 Tagen

@pawelkata arbeitet bereits daran.

Seit 11.9.2026.

  • #5116 von @pawelkata — offen

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
25/100
Issue-Typ
Refactoring
Klarheit
Muss geklärt werden
Aktivitätsstatus
Ruhig
Tech-Stack
react-native, typescript
Bereich
design, frontend, mobile

Rechercherichtung

Das Issue nennt Card, Card.Content und Card.Actions, aber keine Datei und keinen Test. Beginne damit, die Implementierung von Card und ihre bestehende öffentliche API zu finden, und vergleiche anschließend die aktuelle Komposition, Varianten, Elevation, Abstände und das pressable Verhalten mit der vorgeschlagenen Slot-Richtung; Abnahmekriterien und Tests sind nicht spezifiziert, daher muss der Umfang mit den Maintainer:innen abgestimmt werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.3k
Ø Merge
8 T. 2 Std.
Gemergte PRs (30 T.)
4

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-paper

Alle Issues in callstack/react-native-paper

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.