callstack / callstack/react-native-paper
refactor(dialog): improve composition model and accessibility
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 12
説明
Refactor Dialog 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**
- Simplify Dialog.Title / Dialog.Content / Dialog.Actions hierarchy
- Improve keyboard and accessibility handling
- Improve MD3 spacing and tonal elevation
- Reduce excessive wrappers
**Proposed API Direction**
``
**Performance Opportunities**
- Reduce nested layout complexity
- Improve portal interaction handling
- Reduce unnecessary rerenders during visibility updates
コントリビューションガイド
調査の方向性
まず Dialog コンポーネントを見つけ、現在の children ベースの構成、portal の動作、可視性の更新を確認します。既存の公開 API と、提案されている title、content、actions props を比較し、そのうえでキーボード、アクセシビリティ、MD3 のスペーシング、トーナルエレベーション、wrapper の変更を評価します。指定されたプラットフォームとエッジケース全体で、一貫した API と一貫した動作が実現し、レンダリング特性が改善されていれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react-native, typescript
- 領域
- accessibility, design, frontend, mobile, performance
- issue の種類
- リファクタリング
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 活発さ
- 静か
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 30/100