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
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.
Pour les applications simples où l'état des providers est trivial et la journalisation inutile.
Analyse de sécurité
SûrNo execution risk; skill only describes a debugging pattern in Dart.
Aucun point d'attention détecté
Exemples
Show me how to create a ProviderObserver that logs provider state changes in Riverpod.How can I debug changes to a specific Riverpod provider using ProviderObserver?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.
Expert Next.js App Router
Developpement
Un skill qui transforme Claude en expert Next.js App Router.
Générateur de README
Developpement
Crée des README.md professionnels et complets pour vos projets.
Rédacteur de Documentation API
Developpement
Génère de la documentation API complète au format OpenAPI/Swagger.