[Js-Craft #27] Dynamically import Javascript modules, CSS custom fonts for Web Vitals and more

DanielNovember 2, 2021November 3, 2021

Hello hello! It's Daniel here and welcome to another issue of the "have two weeks already passed again !?" newsletter of Js Craft!

If the previous newsletter was mostly centered around CSS, this time front-end web performance is the name of the game. And yeah, you guessed it, this was what I've done mostly at my workplace for the past 2 weeks.

We will take a look at how to dynamically import Javascript modules for improving the speed, how to better manage the rendering of CSS custom fonts for Web Vitals, and more. The full list is below.

• Video – Using XHR breakpoints to intercept HTTP calls in Chrome Devtools
• Dynamically import multiple Javascript modules – React and ReactDom
• You can dynamically import Javascript modules
• Why use the :root pseudo selector to define CSS variables
• Javascript – using default values for function parameters and when destructuring
• Optimizing web fonts loading for CLS (Cumulative Layout Shift)
• When to use CSS grid and when to use flexbox

Unformatunalty no movies recommendation for this edition of the newsletter as the Uefa Champions League (soccer) consumed a lot of my evenings 😀 !

So that's it for today, folks! Stay healthy, be nice and keep coding!