Learn how to build a fully working GraphQL server with Apollo Server and Express with authentication, authorization, pagination, subscription, database access.
This tutorial teaches everything about React's render prop pattern in this tutorial. Along the way, you will implement a currency converter in React, see how the render prop pattern can be achieved with alternative techniques in React too, but then how it can be solved with a render prop component.
Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework. They are one of the early things you will learn in React after grasping JSX. Basically they are there to pass data from component to component. In this guide, I want to explain React props with an extensive walkthrough.
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.