4. May 2022Frontend

Frontend Briefly - News & tips from the world of frontend development #5

A regular summary of the most important news, articles or tweets in the world of the front end is here! For the month of April, we have prepared the top 7 news that no frontend developer should miss. In addition, you will find links to other interesting articles that are worth reading.

1. Faster loading thanks to fetchpriority

In the article Boost Resource Loading With fetchpriority they described in detail a new HTML attribute with which you can adjust the priority of loading of the content of the page such as. images, javascript, iframe. So far, only Chrome and Edge (Chromium based) support the attribute, but other browsers will be added gradually. You can check the current attribute support at caniuse.com. You can use the fetchpriority attribute to improve LCP metrics or speed up the rendering of more important page content.

2. Modal windows using the <dialog> element

The HTML element <dialog> has recently gained support in all modern browsers. With this element you can create modal windows that will be styleable and especially natively accessible. You don't have to deal with e.g. focus or close with the ESC key. You can find all the important information in the article Building a dialog component or you can watch the video.

3. What is new in ECMAScript 2022

The specification for the new version of JavaScript is already available, although it has not yet been officially approved. If you are interested in the news that this version brings, then read the article What's new in ECMAScript 2022. You can look forward to e.g. on the:

  • top level await,
  • private attributes and methods in classes,
  • method .at(),
  • error.cause,
  • etc.

4. Article series # 30DaysOfPWA

To learn more about Progressive Web Applications (PWA), be sure to check out the "30 Days of PWA" Blog Series. The series of articles is structured into 4 main categories:

  • Basic PWA concepts.
  • Advanced PWA options and application examples.
  • Developer tools for debugging, testing, etc.
  • Best practices and PWA support for individual platforms.

5. News in Google Chrome

You can read the changes as well as the news that came with the new version of Google Chrome in the following articles:

6. How to update TypeScript in React 18

Not all changes in the new major version of React 18 are backward compatible. If you are going to update a project to React 18 that uses TypeScript, then first read the instructions: Upgrading to React 18 with TypeScript. You will find information in it that will save you a lot of time when fixing the project.

7.  Software Engineering at Google Book

This book is not directly about programming, but about the engineering approaches they use at Google. You will learn how to maintain even large projects while maintaining their quality. The book is suitable for you if you are interested, as they have e.g. processes used by Google or how people collaborate on projects. The book is available in PDF completely free of charge.

Several articles on accessibility

More articles worth reading


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 March Frontend Briefly.

Andrej NemečekFrontend Developer