View this email in your browser

Hello, *|LIST:NAME|*

Welcome to issue #360!
In this issue, we're delving into essential themes that shape the modern web development landscape. From foundational practices to cutting-edge techniques, we've curated a collection of articles to keep you informed and inspired. We start with the importance of Continuous Integration with insights from Martin Fowler, tackle fundamental (painful) challenges like centering a div and navigating client-side routing, and stay updated on the latest tooling and frameworks, including Vite 5.1. Additionally, we'll explore how to alleviate pain points in Node.js, TypeScript, and ESM setups, delve into scaling web applications with distributed systems, and discover creative design trends like animating font palettes with CSS.
Without further ado, let's get into this awesome content and let's become even stronger full-stack developers! 💪

“If we wish to count lines of code, we should not regard them as "lines produced" but as "lines spent"“

— E.W. Dijkstra , Computer Scientist

Continuous Integration — The famed Martin Fowler gives us an extensive introduction to the practice of Continuous Integration. Nowadays this is something that every developer should know and take very seriously. So if this is something you feel you should explore a bit more, you'll enjoy this resource. Read article

How To Center a Div —  It might seem funny to see this title in an article in 2024... but to be fair this is still a very good interview question and many people (me included) would fail at it! Let's pretend there's no shame in it (because web dev is hard), but let's also admit we need a deep dive... so here's the deep dive we were all waiting for! Spoiler alert: there's more than one way to center a Div... Read article

Node.js, TypeScript and ESM: it doesn't have to be painful — Sure... but it is! So, how can we make it less painful? This article presents a solution that doesn't necessarily try to be the fastest but it works and it adopts a set of very commonly known tools, so it's probably something that will make most teams happy. Read article

Announcing Vite 5.1 — Vite 5.1 is out! Since, for me, Vite is one of those tools that has brought back the joy of building frontends, I am always excited to see what's new in every release. This one comes with an updated Runtime API, some new features, and a significant performance improvement! Check out the article if you are curious to know the details. Read article

A Distributed Systems Reading List — If you think distributed systems are a bit off-topic here you might be right... But also, if you ever want to build a highly scalable web application in the cloud guess what you'll need to learn? Yes, right answer: distributed systems! This article collects some of the most important concepts in distributed systems and provides several useful resources to deep dive into each and every one of them! Invaluable. Read article

Modern client-side routing: the Navigation API — LSingle Page Applications are famous for providing navigation between pages without ever refreshing pages entirely. But they also update the page URL making it look like you moved to a new URL. How do they achieve that? Well, generally speaking by using the History API, but now there's a new alternative: the Navigation API, which promises to be easier to adopt. Read article

Animating Font Palette — With the release of Chrome 121 we can now animate a smooth transition between font-palettes in Color Fonts using only CSS. If you don't know what this means, it's probably easier to just have a quick look at the article and check out the effect itself. This is something cool you could easily use to spice up your next web design project! Read article

MongoDB: The Definitive Guide: Powerful and Scalable Data Storage

by Kristina Chodorow

Manage the huMONGOus amount of data collected through your web application with MongoDB. This authoritative introduction—written by a core contributor to the project—shows you the many advantages of using document-oriented databases, and demonstrates how this reliable, high-performance system allows for almost infinite horizontal scalability. This book provides guidance for database developers, advanced configuration for system administrators, and an overview of the concepts and use cases for other people on your project.

Here's a little gift for you! 🎁

• Hot Module Replacement is Easy
• Don’t Disable Form Controls
• Evolution of a high-performance system: from synchronous to seamless scalability
• Migrating to Astro: The Beginning
• htmx examples: Async Authentication
• borp: node:test runner wrapper with TypeScript support
• How to create the perfect icon

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

Greetings from your full stack friends Luciano & Andrea