FullStack Bulletin

Subscribe
Archives
November 20, 2023

🤓 #347: 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

Timeouts in Node.js, UX Microinteractions, Kafka is dead, Learn Web Performance, Moving Back to React, The power of Node.js

View this email in your browser

Logo

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!

This issue is kindly sponsored by:

Packt logo

Access over 7,500 online books and videos
on everything in tech with a Packt Subscription

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

— Adam Morse , Software Developer

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... Read article

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. Read article

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. Read article

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. Read article

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. Read article

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... Read article

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. Read article

sponsored

Full Stack Development with Spring Boot 3 and React

Juha Hinkula

Getting Started with hapi.js

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.

Buy on Amazon.com
Buy on Amazon.co.uk

Cheer up buddy, the content is not over yet! 🤗

  • HTML Web Components
  • A faster web in 2024
  • The effects of not maintaining consistency with DynamoDB
  • git rebase: what can go wrong?
  • Designing Web Design Documentation
  • Using Selectlist in React
  • ESM Loaders: Enhancing Module Loading in Node.js (video)

👋 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 iconInstagram 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.