Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/palashmon/learn-graphql

Simple playground to learn and practice more about GraphQL
https://github.com/palashmon/learn-graphql

appolo express graphql learning nodejs

Last synced: about 1 month ago
JSON representation

Simple playground to learn and practice more about GraphQL

Awesome Lists containing this project

README

        

# Learn GraphQL

This repo is a simple playground to learn and practice more about GraphQL using [this playlist](https://www.youtube.com/playlist?list=PL4cUxeGkcC9iK6Qhn-QLcXCXPQUov1U7f) by [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg).

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

## Stack

| Client | Server | Database | Testing Queries |
| ------------- | -------------- | -------- | --------------- |
| React | Node.js | MongoDB | GraphiQL |
| Apollo Client | Express | | |
| | GraphQL Server | | |

## Content

- Express App Setup
- Setting up GraphQL
- GraphQL Schema
- Root Query
- The Resolve Function
- Testing Queries in Graphiql
- GraphQL ID Type
- Author Type
- Type Relations
- GraphQL Lists
- More on Root Queries
- Connecting to mLab
- Mongoose Models
- Mutations
- More on Mutations
- Updating the Resolve Functions
- GraphQL NonNull
- Adding a Front-end
- Create React App
- Book List Component
- Apollo Client Setup
- Making Queries from React
- Rendering Data in a Component
- Add Book Component
- External Query File
- Updating Component State
- Composing Queries
- query variables
- Re-fetching Queries
- Book Details Component
- Making a Single Query
- Styling the App