Newcomers to React often start with applications that don't need data fetching at all. Usually they are confronted with Counter, Todo or TicTacToe applications. That's good, because data fetching adds another layer of complexity to your application while taking the first steps in React. However, at some point you want to request real world data from an own or a third-party API.
The application that you are going to build this tutorial should show you one approach of how Redux can be used together with Apollo Client in a React application. It gives you a implementation-wise scenario on how it can be done and is also followed by a couple of recommendations on how to use Redux and Apollo Client together in a larger applications.
In this article, I want to give you the essentials about Git and GitHub. Afterward, I want to show you my essential commands for Git that enabled me to do web development in the recent years. It's no magic and doesn't need to be overwhelming. Last but not least, I want to give you some more information to get started with Git and GitHub.
It's time to get you started with a minimal Apollo Client in React application that can be used as boilerplate project. The application can be used as starter project for other tutorials, but also for your own ideas. After all, it gives you all the necessary parts to consume GitHub's GraphQL API in your React application by using Apollo Client in a minimal starter project.
The tutorial shows how you can build up on a mocked GraphQL server for writing tests for your Apollo Client queries and mutations in React. So far, the Apollo Client instance can be replaced with a mock, but the unsolved question keeps popping up: How to test Apollo Client in a React application?