V
vue-pinia-best-practices
by @vuejs-aiv
4.5(148)
Piniaステート管理ライブラリのベストプラクティスを習得し、ストア設定、ステート管理パターン、および関連する推奨される使用法を含みます。
インストール方法
npx skills add vuejs-ai/skills --skill vue-pinia-best-practicescompare_arrows
Before / After 効果比較
1 组使用前
従来のVueの状態管理は複雑で、コードが冗長であり、保守や拡張が困難でした。チームでの共同作業では、状態管理の不統一が頻繁な問題を引き起こし、プロジェクトの進捗に影響を与えていました。
使用後
Piniaのベストプラクティスを採用し、状態ストレージの設定を簡素化し、コードの可読性と保守性を向上させます。状態のリアクティビティを確保し、開発プロセスを加速させ、より堅牢なフロントエンドアプリケーションを構築します。
SKILL.md
Pinia best practices, common gotchas, and state management patterns.
Store Setup
- Getting "getActivePinia was called" error at startup → See pinia-no-active-pinia-error
- Setup stores missing state in DevTools or SSR → See pinia-setup-store-return-all-state
Reactivity
- Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity
- Store methods lose context in template calls → See store-method-binding-parentheses
State Patterns
- Filters reset on refresh or can't be shared → See state-url-for-ephemeral-filters
- Building production app without DevTools or conventions → See state-use-pinia-for-large-apps
ユーザーレビュー (0)
レビューを書く
効果
使いやすさ
ドキュメント
互換性
レビューなし
統計データ
インストール数7.9K
評価4.5 / 5.0
バージョン
更新日2026年5月22日
比較事例1 件
ユーザー評価
4.5(148)
5
24%
4
51%
3
24%
2
2%
1
0%
この Skill を評価
0.0
対応プラットフォーム
🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI
タイムライン
作成2026年3月16日
最終更新2026年5月22日