
Our Frontend Tech Stack: Focused On Performance And Scalability

5. Apr 2022
FrontendA regular summary of the most important news, articles or tweets in the world of the front end is here! For the month of March, we have prepared the top 9 news that no frontend developer should miss. In addition, you will find links to other interesting articles that are worth reading.
You will find the new version of React 18 available at npm. If you are interested in what is new in this version, then read the article on the official React blog, where you will find an overview of the news. There are really a lot of them, for example: client and server side rendering API, a lot of new hooks (useId, useTransition, useDeferredValue ...), Suspense, support for concurrency, etc ... If you are more interested in how to upgrade to the latest version, read this official instructions.
For the first time, all major browsers have joined forces to address compatibility issues between browsers that have plagued web developers. If you are interested in how this project came about and what goals they have set, then read the article Interop 2022: browsers working together to improve the web for developers.
The year 2022 brings a lot of news in CSS. Some browsers are already starting to support it and we still have to wait for some. If you are interested in an overview of these news, you will find a great article on the CSS-Tricks portal. Browser support is also mentioned for every feature, so you know what you can start using or what you can prepare for.
A new version of Safari 15.4 is coming to WebKit with more than 70 new features. So this is a really big release. For example, you will find support for lazy loading images, <dialog> element, :has(), Cascade Layers, BroadcastChannel, new viewport units, etc ... If you are interested in all the news, read the article: New WebKit Features in Safari 15.4 on the WebKit blog.
Chris Coyier from CSS-Tricks has written an overview of current articles on web performance. You can read them in this article: 7 Fresh Links on Performance For March 2022. Here you will find best practices for caching or how to speed up the Next.js framework even more.
Native form styling is among the top missing things for frontend developers. In the article Say Hello to selectmenu, and Fully Style-able select Element, Patrick Brosset introduces you to a new (so far only experimental) element for controlling <selectmenu> forms. You will learn how much easier it is to style this element compared to the traditional <select> element.
The CSS Custom Highlight API is a new W3C specification (currently in Working Draft state) that allows you to edit any range of text using JavaScript and then style it using CSS. You can read more in this article: CSS Custom Highlight API: The Future of Highlighting Text Ranges on the Web.
We can see in recent years that they are much more consistent in terms of HTML, CSS and JavaScript support. However, we cannot say the same about email clients. Read what you can use in emails in 2022 in the article: HTML and CSS in Emails: What Works in 2022?
The <dialog> element first appeared in 2014. However, it is only now that well-known browsers such as Safari or Firefox. The main idea of this HTML element is to facilitate the creation of modal and context windows. You can find a nice guide and an overview of this element in the article: A look at the dialog element's super powers.
If you liked the news overview, don't forget to subscribe to our newsletter. You can also read the news for last month, which we brought in the February Frontend Briefly.