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.
After all my teachings about React, be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript. Newcomers to React but also myself see it as an advantage, because you carry your JavaScript knowledge for a longer time than your React skills.
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.
It is not always simple to pick the right solution for a problem. In a GraphQL era where nothing is set in stone because it is an emerging technolgy, it's difficult to get the solutions for GraphQL powered JavaScript applications right. This article gives you insights why you should or should not use Apollo for using GraphQL in your JavaScript applications.
Overview about the advantages and disadvantages of using GraphQL instead of REST for JavaScript applications. Mainly it answers the question: 'What is GraphQL' and 'Why you should use GraphQL' for your next JavaScript application.
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.
A common sense minimal Node.js setup guide. It uses Babel and Nodemon: Whereas Babel with the Babel Cli is used for enabling recent JavaScript language features, Nodemon is used for keeping your node process up and running.
A tutorial on how to build your own GraphQL client for React applications. It has three parts: the GraphQL client, connecting GraphQL client to React, and offering Query and Mutation components for GraphQL operations.
Everything you need to get started with GitHub's GraphQL API for learning GraphQL in JavaScript. This walkthrough demonstrates you how to set up your data on GitHub, how to create a personal access token, and how to consume their API without any source code with GraphiQL or GitHub's GraphQL Explorer.
