refactor(card): modernize composition model and improve MD3 behavior
メンテナーはふだん 7 日以内に返信
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 25/100
- issue の種類
- リファクタリング
- 明瞭さ
- 説明が足りない
- 活発さ
- 静か
- 技術スタック
- react-native, typescript
調査の方向性
Issue では Card、Card.Content、Card.Actions が挙げられていますが、ファイルもテストも指定されていません。まず Card の実装と既存の公開 API を特定し、現在の composition、variants、elevation、spacing、pressable behavior を、提案されている slot 方向と比較してください。完了条件とテストは指定されていないため、スコープについては maintainer の合意が必要です。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 8日 2時間
- マージ済み PR（30日）
- 4
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
callstack/react-native-paper のほかの issue
-
Menu ignores the keyboard when it mounts while the keyboard is already open対応中かも @manchoudhary が 28 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
callstack/react-native-paper#5096 ·
メンテナーはふだん 7 日以内に返信
-
Color Picker Popup Is Obscured On "Guides -> Theming -> Creating Dynamic Theme Colors" Documentation On Both v5 and v6対応中かも @fatihcvs が 23 日前に担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
callstack/react-native-paper#5093 ·
メンテナーはふだん 7 日以内に返信
-
Tooltip: onPress event object is not propagated to parent component on native対応中かも @Shevilll が 115 日前に担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
callstack/react-native-paper#5003 ·
メンテナーはふだん 7 日以内に返信
-
Snackbar stays mounted after `visible=false` under new architecture (iOS + Android)対応中かも @momomuchu が 103 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
callstack/react-native-paper#4951 ·
メンテナーはふだん 7 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
callstack/react-native-paper#4881 ·
メンテナーはふだん 7 日以内に返信
callstack/react-native-paper の issue をすべて見る
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 83/100
Zettlr/Zettlr#6610 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
Feil lovtekst i bekreftelsen når leder melder unntak fra oppfølgingsplan対応中かも @AudunSorheim が今日担当しました。 オープン
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
navikt/syfo-oppfolgingsplan-frontend#1110 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
db-ux-design-system/core-web#8461 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
Cannot run an integration on windows when power shell is selected as the default profile terminalオープンPriority/Blocker Type/Bug
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
wso2/product-integrator#2767 ·
メンテナーはふだん 1 日以内に返信