callstack / callstack/react-native-paper

Add support for skeleton loaders

オープン
#4,211 コメント 2 件 リアクション 12 件 担当者 0 名 GitHub で見る
feature request
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

**Is your feature request related to a problem? Please describe.**
This is not related to a problem, just a desirable feature.

**Describe the solution you'd like**
It would be amazing if we could have an opinionated implementation of skeleton loaders [as defined in MD3](https://m3.material.io/styles/motion/transitions/transition-patterns#f7ff608a-087d-4a4e-9e83-f1af69184487).

**Describe alternatives you've considered**
There is a plethora of open source libraries providing this feature, although with debatable APIs and performance.

**Additional context**
As of today, the bar for truly great UX is really high and skeleton loaders are one of the building blocks that contribute to achieve that. Other component libraries provide those out of the box (e.g. [NativeBase](https://docs.nativebase.io/skeleton), [React Native Elements](https://reactnativeelements.com/docs/next/components/skeleton)), IMHO it wouldn't be unreasonable to think that `react-native-paper` users should be able to find those in the component section.

https://github.com/callstack/react-native-paper/assets/8156463/bc415ede-7ee5-4efb-9c4f-746d5013df50

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

この issue では、ファイル、テスト、エントリーポイントが指定されていません。まず、リポジトリにある既存のコンポーネントパターンと、リンク先の Material Design 3 の skeleton-loader ガイダンスを確認し、次に参照されている NativeBase と React Native Elements の実装を比較してください。この issue では、受け入れ基準も、テストで何をカバーすべきかも定義されていません。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native, typescript
領域
frontend, mobile
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
32/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。