FullStack Bulletin

Subscribe
Archives
April 28, 2025

Let's go with the item-flow! Rethinking web layouts - FullStack Bulletin #420

The Hidden Cost of AI Coding, Retry Backoff Strategies, React Query Internals, Hydration Errors, Node.js CLI Apps, Observability Tools

View this email in your browser

Logo

Hello,

This week, you will find, as always, a nice mix of handpicked resources: from pure CSS experiments to deeper architectural insights and, yes, quite a few Node.js articles too! Why so much Node.js this time? Well, your editor (that’s me!) has a soft spot for it… and this issue is a little special.
I am beyond excited to finally share a project that has been keeping me busy since November last year: A brand-new edition of Node.js Design Patterns (the book I co-authored with Mario Casciaro) is on its way!
And this is not just a simple update. Over the years, we have received tons of feedback from readers all over the world, and we took that feedback very seriously. This new, revamped, and improved edition does not just bring the content up to date with the latest and greatest features of Node.js.
We have added more real-life stories from our own experience, practical lessons learned, TypeScript references where they make sense, and even a completely new chapter (almost 100 pages!) dedicated entirely to the art of testing.
You can already pre-order your copy if you are curious. I truly look forward to hearing your feedback. Hopefully, this new edition will help you bridge the gap from junior to senior, and push you to the next level in your Node.js journey!
But back to the newsletter... I hope you enjoy this week's collection, and as always, feel free to reply to this email if you have suggestions, feedback, or just want to say hi! I always love getting to know you a bit better and learning what makes this newsletter worth your time.
Happy reading and coding!
—Your editor, Luciano

“Errors using inadequate data are much less than those using no data at all“

— Charles Babbage , Mathematician

Item Flow

Go with the item-flow! Rethinking web layouts — Have you ever wondered how to recreate a dense, brick-like grid layout like Pinterest? That kind of layout is often called "masonry" — and today it usually requires a bit of hacky CSS or heavy JavaScript. This article introduces a fascinating proposal called "Item Flow" that could change that. It aims to unify flex-flow and grid-auto-flow into a single, more powerful syntax, making complex layouts (like masonry) a first-class citizen in CSS. Read article

The Hidden Cost of AI Coding — Are you someone who loves the idea of vibe coding and believes it is the future of full-stack web development? Or are you still a bit skeptical, wondering what might be lost along the way? This thoughtful article invites you to take a step back and reflect. It questions whether, in our rush toward AI-assisted coding, we might be trading away something essential (that deep sense of flow, focus, and fulfillment that makes crafting software so satisfying in the first place). What do I think? AI can be a wonderful assistant and definitely boost our productivity, but as with everything, the real secret lies in finding the right balance. Read article

When Do Retry, Backoff, and Jitter Work? — As Werner Vogels (CTO of Amazon) so eloquently put it, "Everything fails all the time." And what do we do when we fail? We stand up and retry! But when it comes to complex web applications and distributed systems, retrying blindly can sometimes cause more harm than good. This piece breaks it all down. It explores when retry strategies like backoff and jitter actually help (and when they might not). Understanding these patterns is key if you want to build systems that are truly resilient, not just stubborn. Read article

Under the Hood of React Query — I have been using React Query a lot in my latest React project, and I am really loving it. It is such a great way to handle HTTP requests in React while taking care of all the tricky parts: loading states, failures, caching, refreshing, and more. If you have ever wondered how React Query works under the hood, this deep dive is a fantastic resource. It explores how React Query manages data, retries, background updates, cache invalidation, and even garbage collection. A great read if you want to understand the magic behind the DX we sometimes take for granted! Read article

Understanding Hydration Errors by building a SSR React Project — Hydration errors are one of those things that always bite me (and annoy me) every time I use Next.js to build something... But why are these errors happening and what can we actually do to avoid them? This great tutorial takes a very practical approach: instead of just theorizing, it walks you through building a simple server-rendered React app and shows exactly how (and why) hydration mismatches happen. It is packed with examples where you can see real errors happen and learn how to fix them properly. If you want a much clearer mental model for React, server-side rendering, and hydration, this is absolutely worth your time! Read article

Dependency-free Command-Line Apps in Node.js — What do you do when you need to build a simple CLI utility to automate some mundane task? I often start by just installing commander or yargs... but not anymore! This great tutorial shows how you can build powerful command-line apps using only Node.js core modules, with no third-party dependencies needed. From colorful console output with styleText(), to parsing arguments with util.parseArgs(), to adding debug logs via util.debuglog(), Node.js now gives you everything you need out of the box. Less is better — and sometimes it is also more secure, more maintainable, and simply more satisfying. Read article

The Best Node.js Observability Tools — Let's stick with Node.js and the topic of resilient applications for this last curated resource, and let's talk about observability. Which tool is the best? This article from the NodeSource team (yes, the folks behind N|Solid) does a great job at comparing observability solutions without being overly biased. It covers tools like New Relic, Datadog, AppDynamics, Dynatrace, OpenTelemetry, Clinic.js, and of course N|Solid itself. If you care about performance profiling, security visibility, and deep Node.js runtime insights, this is a must-read. Picking the right observability tool can save you from countless hours of debugging and keep your systems running smoothly. Read article

Serverless Development on AWS: Building Enterprise-Scale Serverless Solutions

by Sheen Brisals, and Luke Hedger

Serverless Development on AWS: Building Enterprise-Scale Serverless Solutions

The adoption of serverless is on the rise, but until now, little guidance has been available for development teams that want to apply this technology on AWS. This definitive guide is packed with architectural, security, and data best practices and patterns for architects and engineers who want to build reliable enterprise-scale serverless solutions. Sheen Brisals, an AWS Serverless Hero, and Luke Hedger, an AWS Community Builder, outline the serverless adoption requirements for an enterprise, examine the development tools your team needs, and explain in depth the nuances of testing event-driven and distributed serverless services. You'll gain practical guidance for keeping up with change and learn how to build serverless solutions with sustainability in mind.

Buy on Amazon.com

Buy on Amazon.co.uk

Just in case you wanna some more...

  • Inclusive Dark Mode: Designing Accessible Dark Themes For All Users
  • Building An Offline-Friendly Image Upload System
  • Magick images
  • Frimousse: An emoji picker for React
  • Build a Fullstack App with Vanilla JS and Go
  • Advanced TypeScript manipulation features for the real world
  • The Lost CSS Tricks of Cohost.org
  • Custom CSS Functions in the Browser

👋 That’s all for this week. See you next Monday!

Greetings from your full stack friends Luciano & Andrea

🙌 Support us

If you enjoy FullStack Bulletin, consider sharing this newsletter with your friends and colleagues.


If there's something we can improve, let us know!


You can also sponsor the next issue!

Website iconTwitter iconMastodon icon

Copyright (C) 2024 FullStack Bulletin. All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.

*|END:IF|*

Our mailing address is:
*|IFNOT:ARCHIVE_PAGE|**|HTML:LIST_ADDRESS|**|END:IF|*

Want to change how you receive these emails?

You can update your preferences or unsubscribe

Don't miss what's next. Subscribe to FullStack Bulletin:
Powered by Buttondown, the easiest way to start and grow your newsletter.