What AI is doing to the jobs of programmers feels very familiar to a lot of us frontend developers – because it has happened to us before. Let’s first look at the transformation of the frontend and agentic coding through the lens of Just like AI is deskilling programming now, JavaScript frameworks have deskilled frontend development in the last decade. As someone who started with HTML/CSS and a bit of PHP, later did Ruby on Rails, and then was frontend team lead of a major Swiss newspaper (Next...
Introduction ------------ There are a lot of speed bumps and potholes on the road to JavaScript proficiency. One of the biggest and most daunting is In order to understand Promises, we need a surprisingly deep understanding of how JavaScript works and what its limitations are. Without that context, Promises won’t really make much sense. It can be frustrating because the Promises API is So, in this tutorial, we’re going to learn about Promises, but we’ll start at the beginning. I’ll share all o...
Lazar Nikolov is a Web Performance Developer Advocate at Your (smashing) email Weekly tips on front-end & UX We love client-side rendering for the way it relieves the server of taxing operations, but serving an empty HTML page often leads to taxing user experiences during the initial page load. We love server-side rendering because it allows us to serve static assets on speedy CDNs, but they’re unfit for large-scale projects with dynamic content. React Server Components (RSCs) combine the best ...
Introduction ------------ Over the years, React has given us a number of tools for optimizing the performance of our applications. One of the most powerful hidden gems is I recently used this hook to fix a gnarly performance issue on this blog, and it sorta blew my mind. The improvement on low-end devices felt illegal, like black magic. useDeferredValue Link to this heading A couple of years ago, I released By experimenting with sliders and other controls, you can design your own set of shadow...
Summarize this article****Here’s what you need to know: Optimizing and personalizing the customer experience on a regular basis to improve KPIs serves as an inherently valuable growth tool and is a key part of the digital marketing ecosystem for any online business. However, a common question that arises is whether these efforts can negatively impact Search Engine Optimization (SEO) rankings. With a few misconceptions floating around on the topic, we’re going to dive into the various concerns, ...
Web page load times and responsiveness to user action in web apps is a primary driver of user satisfaction–and both are often dominated by network latency. Latency itself is a function of the user's connection to the internet (Wifi, LTE, 5G), how far away the server is that the user is connecting to, and the quality of the network in between. While the latency numbers may seem low by themselves, they compound quickly. For example, a Metric Estimate Metric Impact Wifi latency to internet Wifi ad...
Editor’s note Ensuring the security of user data and establishing secure communication between servers and clients is a critical aspect of web development. Various tools and packages have been developed to facilitate this. Among them, JSON Web Tokens (JWTs) have emerged as a popular choice over the years. However, as with any technology, JWTs have sparked controversy. Some caution against their use, while others view them as an excellent authentication method. In this article, we will explore JW...
A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression. Semantics is the study of the relationships between signs and symbols and what they represent. In linguistics, this is primarily the study of the meaning of signs (such as words, phrases, or sounds) in language. In the context of front-end web developm...