removed dependOnQuery from beacuse of infinite renders

example created for various usecases with various features hooks now use standard hook API instead of using Hook Class variable query & mutation not working bug fix mutation onMutate listeners not getting called bug fix
2022-06-24 12:51:27 +06:00
parent 2ead7fd2be
commit d8024714cd
27 changed files with 1117 additions and 680 deletions
@@ -0,0 +1,80 @@
+import 'dart:math';
+
+import 'package:fl_query/fl_query.dart';
+import 'package:fl_query/fl_query_hooks.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+final successHookJob = QueryJob<String, void>(
+  queryKey: "greetings-hook-example",
+  task: (queryKey, _, __) => Future.delayed(
+    const Duration(seconds: 2),
+    () =>
+        "The work successfully executed. Data: key=($queryKey) value=${Random.secure().nextInt(100)}",
+  ),
+);
+
+final canFailHookJob = QueryJob<String, void>(
+  queryKey: "failure-hook-example",
+  task: (queryKey, _, __) => Random().nextBool()
+      ? Future.error("$queryKey operation failed for unknown reason")
+      : Future.value(
+          "Successful execution. Result: $queryKey=${Random().nextInt(100)}",
+        ),
+);
+
+class BasicHookQueryExample extends HookWidget {
+  const BasicHookQueryExample({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final successQuery = useQuery(job: successHookJob, externalData: null);
+    final canFailQuery = useQuery(job: canFailHookJob, externalData: null);
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          "# Basic Query Hook Example",
+          style: Theme.of(context).textTheme.headline5,
+        ),
+        !successQuery.hasData ||
+                successQuery.isLoading ||
+                successQuery.isRefetching
+            ? const CircularProgressIndicator()
+            : Row(
+                children: [
+                  Text(successQuery.data!),
+                  ElevatedButton(
+                    child: const Text("Refetch"),
+                    onPressed: () async {
+                      await successQuery.refetch();
+                    },
+                  ),
+                ],
+              ),
+        !canFailQuery.hasData ||
+                canFailQuery.isLoading ||
+                canFailQuery.isRefetching
+            ? const CircularProgressIndicator()
+            : Row(
+                children: [
+                  if (canFailQuery.hasError)
+                    Text(
+                      "${canFailQuery.error}. Retrying: ${canFailQuery.retryAttempts}",
+                    ),
+                  if (canFailQuery.hasData)
+                    Text(
+                      "Success after ${canFailQuery.retryAttempts}\nData: ${canFailQuery.data}",
+                    ),
+                  ElevatedButton(
+                    child: const Text("Refetch"),
+                    onPressed: () async {
+                      await canFailQuery.refetch();
+                    },
+                  ),
+                ],
+              )
+      ],
+    );
+  }
+}