Observateurs Riverpod

VérifiéSûr

Utilisez ProviderObserver pour écouter les événements du cycle de vie des providers Riverpod afin de journaliser, analyser ou déboguer. Remplacez des méthodes comme didUpdateProvider pour suivre les changements de valeur et nommez les providers pour des logs plus clairs. Utile pour surveiller les changements d'état des providers dans votre application.

Spar Skills Guide Bot
DeveloppementIntermédiaire
6002/06/2026
Claude Code
#riverpod#debugging#logging#state-management#flutter

Recommandé pour

Notre avis

Utilise ProviderObserver pour journaliser ou déboguer les événements du cycle de vie des providers Riverpod.

Points forts

  • Permet une journalisation centralisée des changements d'état des providers
  • Fonctionne avec tout provider Riverpod
  • Prend en charge l'intégration d'analytiques personnalisées
  • Les providers nommés améliorent la clarté des logs

Limites

  • Peut ne pas capturer précisément les mutations en place
  • Nécessite une configuration manuelle pour les providers générés par code
  • Impact sur les performances si la journalisation est verbeuse en production
Quand l'utiliser

Lorsque vous avez besoin de suivre les changements d'état des providers pour le débogage, l'analyse ou la surveillance dans une application Riverpod.

Quand l'éviter

Pour les applications simples où l'état des providers est trivial et la journalisation inutile.

Analyse de sécurité

Sûr
Score qualité88/100

No execution risk; skill only describes a debugging pattern in Dart.

Aucun point d'attention détecté

Exemples

Implement a logger observer
Show me how to create a ProviderObserver that logs provider state changes in Riverpod.
Debug a specific provider
How can I debug changes to a specific Riverpod provider using ProviderObserver?
Add analytics tracking
I want to use Riverpod ProviderObserver to send analytics events when providers update. Give me an example.

name: riverpod-observers description: Use ProviderObserver to log or debug Riverpod provider lifecycle; didUpdateProvider, ProviderScope observers, naming providers. Use when adding logging, analytics, or debugging for provider state changes. Use this skill when the user asks about ProviderObserver, logging Riverpod, or debugging provider updates.

Riverpod — ProviderObservers

Instructions

A ProviderObserver receives lifecycle events for providers (e.g. when a provider's value changes). Use it for logging, analytics, or debugging.

Implementing an observer

Extend ProviderObserver and override the methods you need (e.g. didUpdateProvider). Pass instances to ProviderScope or ProviderContainer via the observers parameter.

Example: logger

final class Logger extends ProviderObserver {
  @override
  void didUpdateProvider(
    ProviderObserverContext context,
    Object? previousValue,
    Object? newValue,
  ) {
    print('{"provider": "${context.provider}", "newValue": "$newValue"}');
  }
}

void main() {
  runApp(
    ProviderScope(
      observers: [Logger()],
      child: const MyApp(),
    ),
  );
}

Naming providers

For clearer logs, give providers a name:

final myProvider = Provider<int>((ref) => 0, name: 'MyProvider');

With code generation, a name is usually assigned automatically.

Note on mutations

If state is mutated in place (e.g. a List with ref.notifyListeners), previousValue and newValue in didUpdateProvider may be the same reference. For distinct values, clone before mutating.

Skills similaires