The React Newsletter

Hi <<First Name>>,

React Suspense in Practice

This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React. For routing, I'll be using vanilla JavaScript, and I'll be using my own micro-graphql-react GraphQL library for data.

Read more

The Perils of Rehydration

I ran into the strangest issue recently. Everything was groovy in development, but in production, the bottom of my blog was doing something… unintended:

Read more

Fast and robust visual unit tests for your React application

During this talk, we’ll consider different techniques of UI testing. Discuss the difference and pros/cons of various approaches of UI testing, such as plugins for e2e tests, visual testing with storybook, their challenges.

And then discover how to implement such tests on unit/integration level, which means without server at all and based on SSR. You’ll see why and how we use visual unit tests at DAZN. Then you’ll learn how to implement such tests from scratch step by step based on small React application. We’ll also talk about the performance of such tests and about the integration into a pipeline.

Watch video

Build a CRUD Application Using Laravel and React

One of the basic things for every developer is how to go about managing Create Read Update and Delete (CRUD) operations in an application.

The app we’re going to be building is an Expense Management App with Laravel for the Backend API and React on the frontend.

The Power of Simplifying Large Components in React

Having large components isn’t always a bad thing, but it’s a good practice to take advantage of opportunities where you can simplify components further — especially when it provides additional benefits.

When you have a large component, it can become disadvantageous because the larger a component gets, the more difficult it becomes to maintain and read over time.

Let’s look at this component below and see reasons why we’d be better off simplifying it.

Structuring React Components for Easy Imports

In this short article, I thought I would share some project structuring I’ve learned in my short time as a React developer. In my recent work, I’ve come across the following patterns when it comes to importing components from their own folders.

Read more

React video courses

Because I need to pay my bills 😉