React Native TV ベストプラクティス は何をしますか？
概要
Apple TV、Android TV、Fire TV、Amazon Vega/Kepler、およびTizenやwebOSなどのWebベースTVターゲット向けReact NativeアプリのTV固有レビューガイダンスです。
このスキルはTV固有の差分にのみ使用します：リモート入力、フォーカスエンジン、10フィートレイアウト、プラットフォームパッケージング、再生/DRM、低メモリTVハードウェア、TVアクセシビリティ。通常のReact Nativeパフォーマンスやアーキテクチャの問題には、react-native-best-practicesを使用してください。
スキル形式
参照ファイルはトピックプレフィックスごとにグループ化されています：
focus-*：フォーカスエンジン、フォーカスガイド、フォーカスイベントのパフォーマンスnav-*：Dパッドナビゲーション、Back/Menu動作、キーボード/検索入力design-*：10フィートタイポグラフィ、レイアウト、色、フォーカスの可視性perf-*：起動、メモリ、リスト、アニメーション、TVハードウェア上のネットワーク制約video-*：再生アーキテクチャ、DRM/プロトコル選択、デバッグa11y-*：TVアクセシビリティの実装と監査チェックsetup-*：スタック検出、セットアップ、アーキテクチャ、クロスプラットフォーム動作test-*およびrelease-*：テストカバレッジ、E2E、CI/リリースワークフロー
適用タイミング
アプリがTVプラットフォームをターゲットとしており、以下の作業が含まれる場合にこのスキルを適用します：
- フォーカス移動、可視フォーカス、フォーカス復元、またはリモコン/Dパッド入力
- TVレイアウトの可読性、オーバースキャン/セーフエリア、または10フィートUI密度
- TVプレーヤーコントロール、マニフェスト、DRM、デコーダサポート、または再生エラー
- 低メモリTVハードウェア、特にビデオまたは大規模カルーセルでのパフォーマンス
- スクリーンリーダー、キャプション、フォーカス順序、またはリモコンのみの操作によるTVアクセシビリティ
react-native-tvos、Expo TV、Amazon Vega/Kepler、Tizen、またはwebOSのプラットフォームセットアップ
開始前 — TVスタックの特定
このスキルは複数のTVスタックをカバーします。セットアップの問題を指摘する前に、アプリが対象とするスタックを検出してください — Vega/KeplerまたはWebベースTVアプリにreact-native-tvos、tvOS Podfile、またはAndroid TVマニフェストを要求すると、誤検出が発生します。
| スタック | 検出方法 | セットアップ期待値 |
|---|---|---|
| react-native-tvos (Apple TV, Android TV, Fire TV) | package.json内の` |