Ferry GraphQL Client for Dart and Flutter projects (Dart Package of the Week #11)

Опубликовано: 17 Март 2026
на канале: Creative Bracket • Dart and Flutter Tutorials
14,243
269

In today's package of the week we look at the Ferry GraphQL Client for Dart and Flutter projects. GraphQL is a query language for working with HTTP APIs. Ferry provides some great features for communicating with GraphQL services such as caching of responses, offline persistence and an Operation convenience widget for use in you Flutter applications. Ferry also generates helper Dart data classes and request operations from GraphQL schemas which will be used through the request response lifecycle.

=== Contents of this video ===

00:00 Intro
00:07 Ferry Intro and Features
00:54 Testing the Countries GraphQL api
02:19 Setup Ferry
03:04 Download Schema and Generate GraphQL Classes
05:31 Create FetchCountries GraphQL query
07:05 Implement Client initialiser function
08:27 Make fetch request with generated classes
09:38 Reformat fetched country response
10:49 Implement Query Variables to filter results
15:28 Import Other GraphQL files
16:05 Create Flutter app
17:05 Setup Flutter packages and Run app
18:13 Implement Operation Widget in Mobile App
22:41 Run solution on Chrome browser
23:26 Outro

Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #GraphQL #GraphQLDart #GraphQLFlutter #Dartlang #FlutterDev

Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍

Get the package → https://pub.dev/packages/ferry
Learn about GraphQL → https://graphql.org/

Get the source code → https://github.com/graphicbeacon/ferr...
Get started with Dart course → https://bit.ly/getstartedwithdart

Dart docs → https://dart.dev
Subscribe to the channel → http://bit.ly/2P2N1jC

Read More Dart Tutorials → https://creativebracket.com
Buy me a coffee → https://ko-fi.com/creativebracket

LET'S CONNECT
---
Twitter →   / creativ_bracket  
Support the channel →   / creativebracket