44 articles
Learn how to improve performance by reducing the bundle size of your application.
Learn how to use component composition to organize your code and improve performance.
In this article, I talk about my experience of building a full-stack SaaS product as a side project.
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.
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.
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.
Learn how to use React Context and how to make it TypeScript-compatible.
Separation of concerns is a common topic in software development. Learn how you can apply this concept to React with custom hooks.
Iterators and generators are JavaScript features that can be hard to understand. In this article, I will try to explain it as easy as possible.
Learn what you need to know about working with URL search parameters.
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.
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.
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.
Learn how to add TypeScript to your React projects.
Learn how to use the useHistory hook to get the most out of React's functional components.
Learn how to use the useRef hook to get the most out of React's functional components.
Learn how to use the useEffect hook to get the most out of React's functional components.
A description of the programming related books I enjoyed reading this year.
This error indicates high memory usage or a memory leak in your application. In this article, I cover different solutions to this problem.
Even though the JavaScript engine manages memory for us, it's good to know what happens under the hood.
This article does a quick comparison of the two JavaScript functions. After reading this, you should know when to use which function and why.
Learn how JavaScript works in the browser: In this article, I explain how the call stack, event loop, job queue and more work together.
Learn more about this awesome project that makes the web more powerful by adding native features.
Learn how to persist the data of your React application, using local storage.
After reading the 20th-anniversary edition of the book, these are the summaries of my key-takeaways.
Push notifications have come to the web! In this tutorial, I'll show you how to create a full-stack application that is able to send and receive web push notifications.
Starter guide to unit testing for React developers, covering the basics of unit testing, tools and some pitfalls you might encounter.
Exploring the periodic background sync JavaScript API, using an example application.
Introduction to Service Workers, explaining the most important concepts and features.
Top blogs by real humans about web development to read in 2020
My review and thoughts on the book plus the personal notes I took while reading it.
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible.
Explaining the most important concepts around PWAs followed by a step by step tutorial, using Webpack, Workbox and TypeScript.
React re-rendering explained and how to optimize React's re-render 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.
In this article, I'll give you an introduction to performance budgets, the metrics and tools you can use and how you can implement them in your company.
In this article I'll explain what premature optimization and premature pessimization are and what kind of optimizations JavaScript developers should use.
Learn how to set up custom metrics using WebPageTest API and TravisCI
Start measuring your JavaScript function's performance with these APIs and learn how to use them.
This article gives you an overview of the MessageChannel, Broadcast API and Client API and helps you to decide which one to use.
Learn how to trigger update notifications that ensure that your users are using the latest version of your Progressive Web App.
