Learn to Consume GraphQL Api's in .NET MAUI

Learn to write your first GraphQL query in .NET MAUI, using the viewer field to fetch id, name, avatar, URL, login, and createdAt in a JSON response.

Explore GraphQL query arguments by supplying repository name and owner, selecting fields like date of creation, and handling string versus integer values in the GitHub GraphQL playground within .NET MAUI.

Explore how a GraphQL schema defines available fields, types, and arguments, including queries and mutations in the GitHub schema, and understand how the schema drives API documentation.

Use aliases in GraphQL to retrieve owner and repository data in a single request by assigning user friendly names to queries, avoiding argument conflicts.

Discover how GraphQL fragments create reusable fields for repository data, avoiding repetition, and call fragments with three dots to produce cleaner, more efficient queries.

Use variables in GraphQL queries to pass dynamic values, replacing hardcoded names and owners for the dotnet core repository. This flexible approach yields configurable results for dotnet core GraphQL projects.

Log in to the Azure portal and create a resource group and web app. Publish code using the dotnet runtime, then download the publish profile for deployment.

Publish your ASP.NET Core web app to Azure by updating the Azure SQL connection string, using a publish profile, and deploying as self-contained for a live, accessible app.

Install two NuGet packages for GraphQL in a .NET MAUI project: GraphQL client and GraphQL client serializer Newtonsoft.Json, which provide core query and mutation support and JSON serialization.

Bind and display GraphQL nodes in a .NET MAUI notes list page, binding title, description, and created date to a collection view, loading nodes asynchronously via get all nodes service.

Fetch a single node by id via GraphQL. Implement a C# model and a get note by id method in the app service using a node id query variable.

Build a node detail page in a .NET MAUI app by handling collection view selection, navigating from the list, passing node id, and loading data to display title and description.

Learn to insert a node via a GraphQL mutation in .NET MAUI, rename the service to insert node, and pass a node object using mutation variables.

Create an add node page in the .NET MAUI app to capture title and description, build a node with created at, and insert it via the service with user feedback.

Implement a refresh feature for the collection view to display newly added nodes by clearing the items source and calling the load node method on button click.

Implement a GraphQL update using the update node mutation in a .NET MAUI app, wiring an update node method with node id and node data, plus update and delete buttons.

Download the GraphQL backend from GitHub, uncompress the repository, and publish the dotnet core project to the smarter asp.net hosting provider's 60-day free trial, then verify the account.

Set up hosting, create a website and a MySQL database, download the publish settings, and prepare the server with an empty database ready for migrations in the next lesson.

Add tables to the empty database by configuring the connection string, creating a migration named initial create, and applying it to the MySQL database. Then verify the tables exist.

Test GraphQL endpoints in the dotnet maui project using the GraphQL explorer to run category and menu queries and a reservation mutation.

Create an API service class in a .NET MAUI app to consume a GraphQL endpoint, with methods for getting categories, menus by category, and creating reservations.

Create a categories list page in dotnet Maui, bind a collection view to categories, and integrate a tab bar with reservation and menu pages, loading data asynchronously.

Navigate from category list to the menu list page, bind menu name, description, and price, and display the image by concatenating the web app URL with the GraphQL image URL.

Implement a .NET MAUI reservation page by wiring editor, date picker, and button to a reservation object, call app service's reserved table with await, and display success or failure alerts.