react-apollo-workshop

Official Workshop for the GraphQL Asia conference.

Goal

Learn the the fundamentals of how to integrate a React application with real world GraphQL API's.

⛏️ What we are going to build?

An applications where the user can:

• Search for github repositories
• See the number of stars, avatar and owner of the repositories
• Star and Unstar repositories

🔮 What I am going to learn?

• How to setup the Apollo Client to make requests to the Github API
• How to use the react-apollo library to send queries and mutations
• How the Apollo Cache works and how to visualize it's data
• How to update the cache after we get a responses from API calls
• How we use optimistic updates to improve user experience

💻 Requirements

• Git
• Npm
• Github Account

👍 Nice to have

• VSCode
• Apollo Client Developer Tools

⚙️ Extensions for VSCode

• Prettier
• Apollo GraphQL Extension

🏁 Get Started

Open a terminal

Fork and clone this repository

git clone https://github.com/${you}/react-apollo-workshop

Navigate to the app-starter folder

cd react-apollo-workshop/app-starter

Install dependencies

npm install

Start the app

npm start

Learn more

• https://www.howtographql.com
• https://www.apollographql.com/docs

License

MIT