What's going on in < / > world
"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.
The (extremely) loud minority
"Always remember that although a subset of the JavaScript community can be very loud, they represent a paltry portion of the web as a whole. This means that when they say something like “CSS sucks”—what they mean is “CSS sucks for a small subset of less than 1 percent of the web”."
Read More
News
QUIC is a new networking transport protocol that combines the features of TCP, TLS, and more. HTTP/3 is the latest version of HTTP, the protocol that carries the vast majority of Web traffic. HTTP/3 only runs over QUIC.
v7.0.0 of the npm CLI was released, which includes exciting new features such as Workspaces, automatically installed peer dependencies, and more!
Articles
Cumulative Layout Shift (CLS) is a user experience metric that measures how unstable content is for your visitors. Layout shifts occur when page content moves after being presented to the user. These unexpected shifts can lead to a frustrating visual and user experience, such as misplaced clicks or rendered content being scrolled out of view.
Logical properties and values have helped developers maintain control of their international layouts through logical, rather than physical, direction, and dimension styles. In Chromium 87, shorthands and offsets have shipped to make these logical properties and values a bit easier to write. This catches Chromium up to Firefox, which has had support for the shorthands since 66. Safari has them ready in their tech preview.
How to write a configurable component class that controls an element's aspect-ratio by specifying some custom variables.
Decorators make your code leaner.
Hello from the server-side
This article will look at how to handle routes and HTTP request methods within an Express project. You will learn how to define routes and use the HTTP request methods GET, POST, PUT, and DELETE to manipulate data.
For beginners
Learn how to use webpack to bundle JavaScript, images, fonts, and styles for the web and set up a development server.
Topic of the week: React
"I am still an advocate for higher-order components these days because of their composable nature of enhancing components fascinates me. However, there are problems with HOCs which shouldn't be denied and which are entirely solved by React Hooks."
How making use of useState lazy initialization can speed up your React function component.
Inspiration