Issue #347 · November 20, 2023

67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

“In carpentry, you measure twice and cut once. In software development, you never measure and make cuts until you run out of time“”

Howdy howdy, |LIST:NAME|and welcome to issue #347.

Another busy week here for me! Among other things, we released Middy v5 and published a new exciting episode of AWS Bites Podcast where we literally dissect how Lambda runtimes work (and I am quite proud of the episode artwork).

Check them out if you are into AWS and serverless, but if you are here only for the full-stack goodies, well, there's plenty of it down here, so enjoy this issue!

67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

One of the best collections of advanced browser debugging tips and tricks that I have ever seen. If you ever find yourself looking at a website and wondering "How the heck does this thing work?" then you can probably find here lots of ideas on how you could find the answer... or maybe you just need to debug your own app, because, you know, we create bugs all the time and someone has to take care of them... eventually...

Articles

How to Use Timeouts in Node.js

No we are not talking about setTimeout or setInterval... we are talking about how to deal with timeouts when implementing HTTP servers and clients. If you have never put too much thought into this topic, you should check out this article for some practical insights and examples including some popular libraries.

The Magic of Details: How UX Microinteractions Transform Products

Have you ever used an app or a website and found that it's simple and yet incredibly pleasant to use? You might have not noticed it, but sometimes this is thanks to a lot of time and care spent on designing the so-called "micro-interactions". If you are building an ambitious consumer-facing project, you should probably consider incorporating some of these ideas into your product.

Kafka is dead, long live Kafka

I am personally not a big fan of Kafka. Don't get me wrong, I do really like stream processing and I recognise that Kafka has been revolutionising modern architectures, and yet it's a bit of a beast to use, configure correctly, deploy, and scale! This article explores WarpStream, an alternative solution that aims to solve some of the problems that exist with Kafka. If you are a Kafka user, or simply if you like learning about systems architectures and their tradeoffs, you might enjoy this one.

Learn Web Performance

A fantastic (and totally FREE) course by Google designed for those new to web performance, a vital aspect of the user experience. It covers key web performance concepts and techniques for improving performance like optimizing images, videos, fonts, how to split code and apply lazy loading, and tons more.

Moving back to React

Discover the story behind daily.dev's transition from React to Preact for front-end development. This post explores the challenges, solutions, and benefits of migrating to Preact, enhancing our web app's performance and development experience. But the fun bit is that now the team is moving back to React and you might be especially curious to find out why and how they are doing that...

Unlocking the power of Node.js

How do you get the best out of Node.js? There are so many powerful patterns (trust me, I know something about that) but this brilliant article by Matteo Collina focuses on module management and packages. It also covers the drawbacks of the singleton design pattern for holding state variables and explores the topic of dependency injection.

Book of the week

Full Stack Development with Spring Boot 3 and React

Full Stack Development with Spring Boot 3 and React

If you’re an existing Java developer who wants to go full stack or pick up another frontend framework, this book is your concise introduction to React. Written by a software development lecturer with over 17 years of industry experience, it is designed to get you up and running quickly with the Spring Boot 3 and React stack. This latest edition walks you through building, securing, testing, and deploying a full-stack application, linking together a robust Spring Boot REST API and a dynamic React user interface. Along the way, you’ll explore modern libraries and tools, such as Gradle, Vite, Vitest, and React Query. For the first time ever, it also covers React development with the in-demand TypeScript.

Additional Links