Friday Issue Nr. 75 | 18/08/2023

Happy Friday! Since I missed last week's newsletter, I filled this with several good articles. Very opinionated read about React (first one), CSS size units in a condensed and clean way and Energy saving concepts. Happy Reading!

JavaScript News

Things you forgot (or never knew) because of React

“React was designed seven Taylor Swift albums ago, for a world where John Mayer and Jennifer Aniston were still dating.”

Probably a bit opinionated, but a fresh view of React and where it stands today.

https://joshcollinsworth.com/blog/antiquated-react

Blogged Answers: My Experience Modernising Packages to ESM

This is a solid Friday’s long read. I would say Friday’s Epic. After reading this, if you currently struggle with some build errors, you might feel a bit better.

https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/

Million.js

They claim to make React.js much faster.

https://million.dev/

The claim: https://twitter.com/aidenybai/status/1689773623827943424

Compilation of outstanding testing articles

https://practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/

Tool for finding memory leaks in Web apps

Blog: https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/

Code: https://github.com/nolanlawson/fuite

Video: https://www.youtube.com/watch?v=H0BHL2lo89M

A tool to visualise package dependency graph

https://npmgraph.js.org/

CSS News

Test your monitor refresh rate

This is fun! Also, one of my extended monitors has 60hz, and in CSS 120 and 60 showed as “true”.

Warning: flickering imagery, open at your discretion.

https://cohost.org/lunasorcery/post/2465593-testing-your-animati

CSS Sizing Units

Probably this is the best article so far to explain all the units, such as

  • absolute units

  • , such as 

  • cm

  •  and 

  • px

  • font-relative units

  • , such as 

  • em

  •  and 

  • ch

  • viewport-relative units

  • , such as 

  • vw

  •  and 

  • vmin

  • container-relative units

  • , such as 

  • cqw

  •  and 

  • cqh

.. and more.

https://www.sitepoint.com/css-sizing-units/

CSS smooth entry and exit animations

Maybe I missed something, but it used to be complicated to make CSS animation and remove elements by display: none as it would act immediately, unlike opacity, which you can “slow down”.

https://developer.chrome.com/blog/entry-exit-animations/

Mixed News

Introducing the Energy-Saving Concept of Lower Carbon Graphics

This is about TVs, but there are interesting findings and ways to save energy.

https://www.bbc.co.uk/rd/blog/2023-08-sustainability-energy-saving-radio-tv-led-graphics

Beginner’s guide to Lists and how to make them accessible

Fundamental but useful info.

https://blog.pope.tech/2022/09/01/accessible-lists-and-tables/

Long read about performance optimisation for Bookaway

I used to do loads of work for SEO. Therefore it was interesting to read it. However, it might be a bit longish.

https://www.smashingmagazine.com/2023/08/optimize-performance-serve-global-audience/