This React with GraphQL Tutorial shows you how to use GraphQL in your React.js application by consuming the GitHub API. You will not use any clever framework such as Apollo for performing a query or mutation, but only plain HTTP requests to learn about GraphQL.
React's Context API is a powerful feature for passing props down the component tree without the need to tell components in between about them. React's context creates a Provider and Consumer component that enable us to use this powerful feature.
The article gives you guidance on how to setup and perform testing in a React application. It uses common testing tools such as Mocha, Chai, Enzyme, Jest and Sinon to make verify the robustness of your application.
The Road to learn React offers you a foundation before you start to dive into the more advanced React ecosystem. It has less tooling and less external state management, but more React. It explains general concepts and patterns.
The article shows you how a problem can be solved in vanilla JavaScript and React. It should give newcomers to web development a explanation of why libraries such as React are used nowadays. Both solutions are fine, but in the end React will outperform vanilla JavaScript once your application becomes larger.
The article is a short guide on how to setup Parcel with React. Parcel is a bundler that got popular because of its zero-configuration setup for JavaScript applications. It can be used as alternative for Webpack.
Accepting payments on your own website can be a recurring problem. Often you'll find yourself avoiding it. There are platforms such as Gumroad which deal with this problem by outsourcing it. However, at some point you want to avoid these third-party platforms and introduce your own payment system.
The article gives people guidance on how to approach learning React, Vue or Angular. It should help you to escape the analysis paralysis and get from consuming to producing. It gives you a suggestion of actually starting to code applications in your chosen framework.
The React Code Style with ESLint + Babel + Webpack tutorial will teach you how to setup ESLint in a React + Babel + Webpack environment. In addition to the setup of usual code style rules, you will add React rules to enforce a better code style in your React environment as well. Moreover you will learn how to extend your ESLint rules with existing best practices rules of companies like Airbnb.
Personally I did a lot of React projects in the recent time. Always I had to setup the project from scratch. Eventually I have created my own boilerplate project on GitHub. As you might know, uncountable React boilerplate projects and repositories were created that way. But the article is not my attempt to advertise yet another React boilerplate project.
![The Road to learn React [React.js Book for 2018]](https://www.robinwieruch.de/img/posts/the-road-to-learn-react/banner.jpg)
