Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ivangoncharov/react-apollo-lodash-demo

Example usage of react-apollo with graphql-lodash
https://github.com/ivangoncharov/react-apollo-lodash-demo

api apollo graphql lodash react

Last synced: 24 days ago
JSON representation

Example usage of react-apollo with graphql-lodash

Awesome Lists containing this project

README

        

# Apollo React + GraphQL Lodash demo

**Important**: Please read [GraphQL Lodash](https://github.com/APIs-guru/graphql-lodash) README before playing with this repository.

This is the simple example of usage [GraphQL Lodash](https://github.com/APIs-guru/graphql-lodash) with React/Apollo. Here are key elements:
* [Wrapper function](https://github.com/APIs-guru/react-apollo-lodash-demo/blob/master/src/utils.js) that ties together Apollo React and GraphQL Lodash.
* [Example](https://github.com/APIs-guru/react-apollo-lodash-demo/blob/master/src/MyComponent.js) of React Component that gets props from GraphQL response transformed with lodash.

The repository is a modified version of [apollographql/frontpage-react-app](https://github.com/apollographql/frontpage-react-app) demo by Apollo.

## Installation

Clone the repository and run `npm install` or `yarn`:

```
git clone https://github.com/apis-guru/react-apollo-lodash-demo
cd react-apollo-lodash-demo
npm install
```

## Starting the app

```
npm start
```

It will open a browser window, or you can browse to http://localhost:3000.