React articles

Lazy loading React components with React.lazy

Learn how to improve performance by reducing the bundle size of your application.

React Component Composition Explained

Learn how to use component composition to organize your code and improve performance.

Using setTimeout in React components (including hooks)

Using timeouts in React isn't as straightforward as you may think. In this article, you'll learn how to avoid mistakes when using them in React.

How to use React's forwardRef function

React's references don't always behave like you would expect them to. In this tutorial, you'll learn why and how you can use the forwardRef function.

How to test Redux-connected React components

Writing unit tests for Redux-connected React components can be tricky. This article explains how you can create your tests easily without mocking the entire store manually.

React Context Examples

How to use React Context with TypeScript

Learn how to use React Context and how to make it TypeScript-compatible.

Separation of concerns with React hooks

Separation of concerns is a common topic in software development. Learn how you can apply this concept to React with custom hooks.

Form validation with React Hooks WITHOUT a library: The Complete Guide

In this article, I walk you through the process of creating a hook that you can use for managing forms without the use of a library.

React and TypeScript: How to find the right event type

When getting started with TypeScript, finding the right interfaces can be challenging. In this article, you'll learn how to find the correct TypeScript interface for React events in any situation.

How TypeScript helps you build better React apps

In which situations should you give React with TypeScript a try, and when is it better to stick to JavaScript? Speaking of my own experience, I walk you through the pros and cons of a TypeScript based frontend.

How to create React components with TypeScript

Getting started with React and TypeScript

Learn how to add TypeScript to your React projects.

How to use React's useHistory() hook

Learn how to use the useHistory hook to get the most out of React's functional components.

How to use React's useRef() hook

Learn how to use the useRef hook to get the most out of React's functional components.

How to use React's useEffect() hook

Learn how to use the useEffect hook to get the most out of React's functional components.

How to Persist React State in Local Storage

Learn how to persist the data of your React application, using local storage.

Unit testing React - What you need to know

Starter guide to unit testing for React developers, covering the basics of unit testing, tools and some pitfalls you might encounter.

How to Make your React App a Progressive Web App (PWA)

Explaining the most important concepts around PWAs followed by a step by step tutorial, using Webpack, Workbox and TypeScript.

When does React re-render components?

React re-rendering explained and how to optimize React's re-render performance

How to use React.memo() to improve performance

Learn how to use React.memo, some common pitfalls you might encounter, and why you shouldn't use React.memo for all your components.