Book Image

Hands-on Application Building with GraphQL [Video]

By : Robert Hostlowsky
Book Image

Hands-on Application Building with GraphQL [Video]

By: Robert Hostlowsky

Overview of this book

GraphQL is a data-fetching API developed by Facebook, which has been using it for five years; it powers millions of devices and most components of the Facebook and Instagram website. In this course, you will get an introduction into GraphQL as a bridge for React client application to communicate with servers as the missing data-fetching or query language. In this course, you will learn how to build your own Trello-like web application using GraphQL. The course starts by teaching you GraphQL basics and comparing it with REST; you will then learn to run queries and specify types in its schema system. The course then shows you how to build a Graphql server and a client UI and connect this Apollo-based client to the server. You will then learn to add features to your board such as adding or editing a task. You will then see how to implement the shared whiteboard functionality by populating the changes into others sessions and how to solve the conflicts in this real-world scenario with concurrent changes from different users. . The course then shows you how to add authentication to your application to prevent unwanted access to it and user centric web service Finally, you will learn troubleshooting typical problems that may occur while running your app, and how to fine-tune the schema and communication of client-server. By the end of the course, you will be able to build your own applications using GraphQL. All the code and supporting files for this course are available on Github at
Table of Contents (7 chapters)
Troubleshooting, Error Handling, and Tuning
Chapter 4
Working with Client-Driven Mutations
Content Locked
Section 1
Exploring the UI for Adding New Cards and New Lists
Until now we only showed staticData. In this video we will learn how to modify data we need toadapt some current and add extraelements to input texts and toTrigger actions. - Add semanticlibrary, improve CSSstyling to enable fullscreen and scrolling oflong task lists - Add button for a‘new list’ at end oflists - Add button for a‘new card’ at end ofeach list