MobX is used for state management in modern applications. Often it is applied in a React.js application, but it is not necessarily bound to React. In addition, it is a valuable alternative to Redux as state management solution. If you are using create-react-app as your application boilerplate, you most likely run into the questions of how to…

There is a high likelihood that there are already a multitude of articles about the new React.js 16 release. But for learning about the changes of the library myself, I wanted to read up all the new React 16 features and improvements too. I thought it would be useful if I would share briefly what I have learned along the way. In the next days, I…

I am excited to launch my course The Road to Redux . I worked on the course for the last 6 months and squeezed every of my free minutes during a workweek, weekends and holidays into it. For instance, when writing the book, I woke up two hours earlier before my 9 to 5 job to write ~750 qualitative words a day. It continued by building a platform…

Recently I was confronted with SVG in React. I had to use a logo and wanted to use playful SVG background patterns in React. By using SVG, I avoided to use other image formats which would add performance penalties to my application. The article will guide you through using SVG in React. It shows you how to use plain SVG for your application and how…

State management is difficult. A view library, such as React, enables you to manage local component state. But it only scales to a certain point. React is just a view layer library. Eventually you decide to move on to a more sophisticated state management solution such as Redux. Yet there are certain things, that I want to point out in this article…

This article will show you the basic steps to use Redux Saga as side-effect library for asynchronous actions in NextJs. I am no expert in server-side rendering, so maybe you as a reader have more insights that you want to share in the comments. Recently I used Next.js for a server-rendered React.js application. It comes with its open source…

Accepting payments on your own website can be an issue at some point. Often you'll find yourself avoiding it, because you can easily outsource it to platforms such as Gumroad that deal with it. However, at some point you want to avoid these third-party platforms and introduce your own payment system. I dealt with the same issue in a React…

The last two parts of the tutorial series in React introduced two functionalities, a paginated list and an infinite scroll , by using higher order components. However, these functionalities were used exclusively. In one scenario you used a paginated list, where you manually fetched the data, and in the other scenario you used an infinite scroll…

The following React tutorial builds up on Paginated List in React - Build a powerful Component (Part I) . The series of tutorials goes beyond the basic React components that you encounter in other React tutorials. This part of the series will show you how to build an infinite scroll in React. So far, your List component is able to opt-in two…