#403 – April 24, 2023

Say no to "flickering" UI: useLayoutEffect, painting and browsers story

How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how SSR plays a role here.

Code to Container to Kubernetes Deployment (sponsor)

This live training series covers how to deploy applications on Kubernetes, including containerization, automating with Terraform and GitHub Actions, managing services and storage, and implementing serverless deployments with Knative.

Mastering ReactJS optimization

As applications grow in complexity, however, it can become challenging to ensure optimal performance. In this blog post, we’ll explore some of the key techniques for optimizing React applications.

Integrating React Flow and the Web Audio API

Today we'll be looking at how to create an interactive audio playground using React.

Advanced Multistep Forms with React Hook Form

In a previous post, we built a basic multistep registration form using React and React Hook Form. In this article, we'll expand upon that foundation by implementing improvements, such as enabling data saving during step navigation and enhancing the visual representation of each step's state.

Higher Order Components in React: Examples with Common Use-case Patterns

In this blog post, we will learn what are Higher Order Components, and learn about common use-case patterns. We will also look at code examples of common use-case patterns using Higher Order Components.

ChatGPT Problems in Coding React Apps

ChatGPT is awesome for helping in programming but it’s not up to the task of being an expert system. I’d say it’s more like a beginner programming helper that really does not know the difference between good and bad. It will improve it’s results on request, but still, you really need to understand what’s going on in the language of your choice if you want to use it.

React Context: The Detailed Guide

Usually when you want to pass data from the parent component to the child components then you use props.

Breaking React Query's API on purpose

Why good API design matters, even if it means breaking existing APIs in the face of resistance.