data-fetching-patterns
✓レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。
SKILL.md
Data fetching is how your application retrieves data from APIs or databases. The pattern you choose affects performance, user experience, and code complexity.
| Server (build) | Build time | Static content (SSG) | | Server (request) | Each request | Dynamic content (SSR) | | Client (browser) | After hydration | Interactive, real-time | | Edge | At CDN edge | Personalization, A/B tests |
Stream HTML to the browser as soon as each part of your UI is ready—even if it's out of order—letting users see content without having to wait for everything.
レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: kinfe123/fm-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
data-fetching-patterns とは?
レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: kinfe123/fm-skills。
data-fetching-patterns のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/kinfe123/fm-skills
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-11