Perché Riverpod?
Che cos'è Riverpod?
Riverpod (un anagramma di Provider) è un framework reattivo con cache per Flutter/Dart.
Utilizzando la programmazione dichiarativa e reattiva, Riverpod è in grado di gestire una grande parte della logica della tua applicazione per te. Può effettuare richieste di rete con gestione degli errori e caching integrati, mentre ri-scarica automaticamente i dati quando necessario.
Motivazione
Le applicazioni moderne raramente dispongono subito di tutte le informazioni necessarie per renderizzare la loro interfaccia utente. Al contrario, i dati vengono spesso recuperati in modo asincrono da un server.
Il problema è che lavorare con il codice asincrono è complesso. Anche se Flutter fornisce alcuni modi per creare variabili di stato e aggiornare l'interfaccia utente in caso di modifiche, le possibilità rimangono limitate. Alcune sfide rimangono irrisolte:
- Le richieste asincrone devono essere memorizzate in cache localmente, poiché sarebbe irragionevole eseguirle nuovamente ogni volta che l'interfaccia utente viene aggiornata.
- Dato che disponiamo di una cache, la nostra cache potrebbe diventare obsoleta se non siamo attenti.
- È inoltre necessario gestire errori e stati di caricamento.
Affrontare tali problemi su larga scala può essere complicato e possono essere influenzati da numerose caratteristiche, come ad esempio:
- aggiornamento con trascinamento verso il basso (pull to refresh)
- liste infinite / recupero dati man mano che si scorre (infinite lists / fetch as we scroll)
- ricerca in tempo reale mentre si digita (search as we type)
- ritardo nella richiesta asincrona (debouncing asynchronous requests)
- annullamento delle richieste asincrone quando non sono più necessarie
- UI ottimistica
- modalità offline
- ...
Queste funzionalità possono essere complesse da implementare, ma sono cruciali per una buona esperienza utente. Tuttavia, pochi package cercano di affrontare direttamente questi problemi, e gran parte del lavoro deve essere svolto manualmente.
Ecco dove entra in gioco Riverpod. Riverpod cerca di risolvere questi problemi offrendo un nuovo e unico modo di scrivere la business logic, ispirato ai widget di Flutter. In molti modi, Riverpod è paragonabile ai widget, ma per lo stato.
Utilizzando questo nuovo approccio, queste funzionalità complesse sono per lo più gestite già di default. Tutto ciò che rimane è concentrarsi sulla tua interfaccia utente.
Se sei scettico, ecco un esempio. Il seguente snippet è una semplificazione dell'applicazione client Pub.dev implementata con Riverpod.
// Fetches the list of packages from pub.dev
Future<List<Package>> fetchPackages(
FetchPackagesRef ref, {
required int page,
String search = '',
}) async {
final dio = Dio();
// Fetch an API. Here we're using package:dio, but we could use anything else.
final response = await dio.get<List<Object?>>(
'https://pub.dartlang.org/api/search?page=$page&q=${Uri.encodeQueryComponent(search)}',
);
// Decode the JSON response into a Dart class.
return response.data?.map(Package.fromJson).toList() ?? const [];
}
Questo snippet contiene tutta la business logic necessaria per una funzionalità di "ricerca in tempo reale" + "aggiornamento con trascinamento verso il basso" + "lista infinita", gestendo anche gli stati di errore e caricamento.