Optimizing JavaScript 🚀, Effective Code Reviews 🔍, Reducing CLS 📉

Hello everyone,

I've increased the frequency of the Web Developer newsletter to one email per day. It includes recent popular articles I've curated, some useful tools I've found, and possibly some articles I've written recently.

I hope you find it useful. So let's get started with today's newsletter:

Featured Articles

Optimizing Javascript for fun and for profit

This article introduces over 10 tips for optimizing Vanilla JS, which you can quickly apply in your next development iteration to help you write better code.

Avoiding downtime: modern alternatives to outdated certificate pinning practices

In the past, certificate pinning might have been a more advanced choice for encryption security, but it had many management issues, increasing the chances of downtime during successful certificate renewals. This blog post by Cloudflare introduces some modern alternatives.

Why is JavaScript executing callbacks in a for-loop so fast the first time?

An interesting fact. You can find some tips in the comments section.

How to review code effectively: A GitHub staff engineer’s philosophy

An official blog post from GitHub that explains the difference between good and bad code reviews, some tips for reviewing code, and how to use them to improve the speed and stability of production deliveries.

Useful Tools

RTranslator

A free, open-source Android real-time translation application for local use. It uses Meta’s NLLB for translation and OpenAI’s Whisper for speech recognition.

react-hotkeys-hook

A hook for using keyboard shortcuts in React components, very useful and actively maintained.

fontaine

Automatic font fallback based on font metrics to reduce CLS. It scans your @font-face rules and generates fallback rules with the correct metrics, happening at build time, pure CSS, with zero runtime overhead.

react-email VS. mailing VS. Maizzle

Developers can use their familiar frontend technologies to build HTML email templates. Here are some popular solutions I've found. I have used react-email with TailwindCSS to build, which offers great development efficiency and compatibility. Have you used any other frameworks?

My Recent Articles

The Differences Between 'Object', '{}', and 'object' in TypeScript

A quick introduction to the differences between these three types in TS, helping you gain a deeper understanding of some features of TS.

Thank you for reading this issue! If you found it helpful, please consider sharing it with others.