RNGraphQL

A Pokemon viewer app created with Apollo GraphQL server and React Native.

Full tutorial is available at: https://pusher.com/tutorials/learning-graphql-react-native

Prerequisites

• React Native development environment
• Node.js
• Yarn

The starter branch contains the starting point for the tutorial. The poke-graphql branch contains the final output for the tutorial. The master branch contains all the post-tutorial updates (if any).

Getting Started

1. Clone the repo:

git clone https://github.com/anchetaWern/RNGraphQL.git
cd RNGraphQL

2. Install the dependencies:

yarn

3. Re-create the ios and android folders:

react-native eject

4. Install the server dependencies:

cd server
yarn

5. Run the server:

yarn start

6. Update App.js with your machine's internal IP address (or use ngrok):

const client = new ApolloClient({ uri: 'http://YOUR_INTERNAL_IP_ADDRESS:4000/graphql' });

7. Run the app:

react-native run-android
react-native run-ios

Built With

• React Native
• GraphQL
• Apollo
• PokéAPI

Donation

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)