frontend

When browsers load a Web page and its subresources, A LOT happens under the hood. They need to take into account render/parsing blocking resources, use a pre...

A deep dive into how browser cache partitioning has fundamentally changed web performance optimization, examining the trade-offs between privacy and performa...

Guidance to build modern web experiences that work on any browser.

React Folder Structure in 2024 for large React projects. The guide walks you through a file structure from small to large project ...

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

By Reza Lavarian What if I told you that web pages were interactive animations played back by your web browser? We watch various motions every time we're on a web page. And it's not only JavaScript or CSS animations that I'm talking about. Scrolling...

Sometimes there are problems that have no universally good solutions. There is some tradeoff to be...

Trace the evolution of React APIs and the mental models behind them. From mixins to hooks, to RSCs, understand the tradeoffs along the way.

Learn the top React code style recommendations from the latest React docs to write cleaner, more maintainable code. Perfect for improving team discussions.

Exploring why React.memo shouldn't be your first choice for performance optimizations

Without using React.memo, PureComponent, or shouldComponentUpdate

An interactive timeline showing how a React component with hooks runs including a quiz of React Riddles to test your knowledge.

In modern applications, user interfaces often have to juggle multiple tasks at the same time. For example, a search component might need to…

React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it is a low-level feature, it’s not critical to understand React’s idea of concurrency, but it doesn’t hurt!

Ever wondered how reactivity works in your favorite framework? We'll take a look at the key concepts and compare how frameworks accomplish reactivity.

We've come a long, long way together. You changed. Where do we go from here?

A love & hate relationship

React memo, useMemo & useCallback can be controversial. Let us review the most common misconceptions about them, and see how they're good, actually.

A ref callback is a little known feature in React, it’s a function to perform an action when React attaches or detaches a reference to a DOM element. It has a few use cases, let’s look at some.

As an (aspiring) Junior React developer it’s hard to know if you’re code is any good and how to improve it. In this session we review & refactor an interesting problem.

Recommendations for implementing logic and rendering in apps.

Resumability is a faster alternative to Hydration. Defining Hydration is so broad and fails to be useful as it includes non-server-rendered applications.

Single-page applications present some unique challenges for measuring and optimising core web vitals, here we review the key optimisations you should be making for your SPA

Let’s look at some more technical and non-obvious aspects of optimising Largest Contentful Paint

Optimizing the performance of eBay’s sites and apps for a faster user experience.

An introduction to the six most common accessibility errors, and how to fix them.

Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’