Skip to content

Tutorial walkthrough

Ruben Taelman edited this page Sep 12, 2019 · 14 revisions

This is a tutorial on how to build a simple Solid app using GraphQL-LD.

Concretely, this tutorial explains how to build a Solid profile viewer in React using the GraphQL-LD Solid React Components.

The final version of the profile viewer can be found on https://comunica.github.io/Tutorial-Solid-GraphQL-LD-Profile-Viewer/, and the full source code of this app is available at https://github.com/comunica/Tutorial-Solid-GraphQL-LD-Profile-Viewer.

This profile viewer is equivalent to the LDflex-based profile viewer, but this time built using GraphQL-LD.

Requirements

You will need the following to follow this tutorial:

  • git
  • Node.js (version 10.0 or higher)
  • Any kind of editor that be used to edit JavaScript files.
  • Any modern Web browser

Steps

  1. Creating a React app
  2. Enabling Authentication
  3. Viewing Profile
  4. Linking Friends

1. Creating a React app

TODO

2. Enabling Authentication

TODO

3. Viewing Profile

TODO

4. Linking Friends

TODO

Clone this wiki locally