State management can make or break your React app. If your state flow is sound, your development speed will stay high, even as the complexity of your project grows. A poor state flow design, on the other hand, will exponentially raise development time. In this post, I’ll outline some tips…

These tips will make your code more maintainable and easier to read and understand. — In this post, we’ll cover simple tips for writing clean functions in JavaScript. Following these tips will make your code more maintainable and easier to read and understand. Let’s get started! Watch out for hidden side effects “Pure” functions are another way of describing this rule. Pure functions always return the same result, given the same…

The Container pattern is one of the most useful patterns in React. You can use it to implement a declarative way to reuse custom functionality such as fetching data, authentication, layout, and others. Let’s take a look at how it works! What is the Container pattern? The idea behind the pattern is simple: you have…

While React offers many advantages, optimizing the performance of React applications can be tricky. In this post, we will cover nine techniques for boosting the speed of your React applications. Avoid redundant renders Redundant renders are a typical problem in React that can quickly worsen the performance of your application. In my experience…

Welcome to the second post in our series about TypeScript generics! In this post, we’ll take a closer look at TypeScript inference. We’ll discuss topics like advanced inference, mapped, and conditional types. If you haven’t already, you should read the first part of the series about the basics of generics…

In this two-part series, we will take an in-depth look at TypeScript generics. This first post will give you a basic understanding of generics and how it works. In the later post, we’ll cover advanced inference and conditional types. So, without further ado, let’s get started! Why do we need generics? Using generics allows us…

The TypeScript never keyword is a bit of a mystery to many developers. What does it do, and when should you use it? Today we will discuss the never keyword in-depth, and cover the situations where you could encounter it. Characteristics of “never” TypeScript uses the never keyword to represent situations and control…

Redundant re-renders are a common issue in React. If not taken seriously, this issue can quickly worsen the performance of your application. By understanding and implementing these practices, you can avoid the problem and keep your rendering process running smoothly. memo and useCallback Let’s first cover the main toolkit under your belt for…

When you declare a variable in TypeScript, the compiler needs to figure out what type to assign to that variable. In this post, we will cover how TypeScript infers variable’s type. Knowing this is important to build a solid understanding of the language. There are three different ways TypeScript figures…