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...
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...
...
This is a But! I also really like CSS. And I don't believe that using CSS-in-JS absolves you from needing to learn it. You're writing CSS either way! It's just packaged a little bit differently. No matter where you put your CSS, it behooves you to develop a mastery of the language. Becoming better at CSS will make you a more effective front-end developer. In this tutorial, we're going to see how to take advantage of one of the most exciting newer developments in CSS: , AKA Custom Properties. We...