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.
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.