Practical GraphQL - Become a GraphQL Ninja - Accessing GraphQL Query Data From Pug - part 1

The video tutorial extends a front-end application to run a GraphQL query. It introduces creating a function to fetch GraphQL data, sending queries to a GraphQL endpoint using fetch, and handling asynchronous responses. The tutorial demonstrates rendering data in a Pug template, building a user list, and adding intro text. It concludes with a preview of the results and outlines the next steps for developing user-specific pages.

What is the primary goal of extending the front-end application in the video?

• To run a GraphQL query

• To add a new user interface

• To integrate a new database

• To improve application security

Why is the 'fetchGraphql' function created?

• To handle user authentication

• To render HTML templates

• To execute GraphQL queries and mutations

• To manage database connections

Which dependency is used to send requests to the GraphQL endpoint?

• node-fetch

• axios

• express

• graphql-request

What is the purpose of making the 'fetchGraphql' function asynchronous?

• To improve code readability

• To reduce server load

• To handle multiple requests simultaneously

• To ensure the response is converted to JSON

How is the response data passed to the Pug template?

• By using a global variable

• By directly modifying the HTML

• By passing it as a second parameter in the render method

• By storing it in a database

What is the purpose of the 'users' variable in the Pug template?

• To store user authentication data

• To hold the list of users from the GraphQL query

• To configure application settings

• To manage user sessions

What additional feature is introduced in the Pug template?

• A navigation menu

• A search bar

• A welcome message

• A login form