In this tutorial, you will learn a new approach to styling React.js components, using styled-components. Styled component is a CSS-in-JS framework. CSS-in-JS is a similar concept to using JSX within React.js. Instead of writing CSS within a CSS or ...

In this tutorial, you will learn how to convert a class component written using react into a functional component. Historically, functional components had a bad press. Functional components used to be less performant than class components. Functio...

I have used Redux for several years. Each time I try to set a new project up, I always forget how to and spend a good hour cursing. I am dumb. This is my dummies guide to redux. Redux is a useful package you can install from NPM that will manage ...

Everyone loves a good list, myself included. This guide tells you a list of 10 principles that you can follow that will help you write better React applications Naming Is Very Important A fact in life is that developers spend more time reading cod...

The aim of this tutorial is to teach you the steps you need to consider when converting a react application written in Javascript into a react application that supports Typescript. The aim of this tutorial is not to go into the pros & cons. Thi...

In this tutorial, you will learn about [Gatsby](https://www.gatsbyjs.org/), what it is and how you can use it to create a blog. Most websites you will build are dynamic. Take my career, I have specialized in working with C# content management systems...

In this tutorial, you will learn about the error boundary pattern. The error boundary pattern is a technique you can apply that will prevent random exceptions taking down the whole page. Speaking from experience, there is nothing worse when someone...

In this tutorial, you will learn how to configure CreateReactApp with IE11. IE11 is old and for the majority of projects not supported and rightly so. If you do need to support IE this quick start guide will get you going. Within package.json, fin...

In this tutorial, you will learn all about the container pattern. The container pattern should make your problem solving easier as it will allow you to separate your components in smaller ones. What is the Container Pattern? The aim of applying ...

There are two types of components you can build within react.js, functional and class components. In this tutorial, you will learn about these two types and by the end, you should feel confident to know when to use each one. Both components has re...

In this tutorial, you will learn how you can use react-loadable to enable lazy-loading within your react application. There are several different strategies that can be used with lazy-loading, however, in this tutorial I will focus on lazy-loading ba...

If you want to improve your Javascript application performance it is likely that you will want to introduce some kind of lazy loading. If something is lazy then it will not be loaded instantly when the page loads. Instead, the lazy code will trigge...