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

https://github.com/ricardocanelas/react-graphql-examples

Examples using React + GraphQL
https://github.com/ricardocanelas/react-graphql-examples

apollo graphql graphql-yoga react

Last synced: 6 months ago
JSON representation

Examples using React + GraphQL

Awesome Lists containing this project

README

          

# 😃 React + GraphQL

I am creating some examples using react + GraphQL.

## 👉🏻 Prerequisites

For all examples:

- [MongoDB](https://docs.mongodb.com/manual/installation/#mongodb-community-edition)
- [NodeJs7](https://nodejs.org/en/download/)
- [Yarn](https://yarnpkg.com) *(or NPM)*
- [Git](https://git-scm.com/downloads)

## 👉🏻 Examples

> ----
>
> ### 🍄️ [example-**01**](https://github.com/ricardocanelas/react-graphql-examples/tree/master/example-01)
>
> * Frontend: Simple example using the `GitHub GraphQL API v4` with `React` + `Apollo`.
>
> ---

> ----
>
> ### 🍄️ [example-**02**](https://github.com/ricardocanelas/react-graphql-examples/tree/master/example-02)
>
> An example how to query/mutation/subscription using `React` + `Apollo`.
> *(using the 'backend-01', make sure to start the server)*
>
> ---

> ----
>
> ### 🍄️ [example-**03**](https://github.com/ricardocanelas/react-graphql-examples/tree/master/example-03)
>
> An example how to query using `React` + `Relay`.
> *(using the 'backend-01', make sure to start the server)*
>
> ---

**BONUS**

> ----
>
> ### 🍄️ [backend-**01**](https://github.com/ricardocanelas/react-graphql-examples/tree/master/backend-01)
>
> An example using `GraphQL-Yoga`.
>
> ---

> ----
>
> ### 🍄️ [backend-**02**](https://github.com/ricardocanelas/react-graphql-examples/tree/master/backend-02)
>
> An example using `graphpack`.
>
> ---