View this email in your browser

Hello,

Welcome to issue #371.
In this issue, we unveil the highly anticipated React 19 Beta and delve into the game-changing features of Node.js 22. But there's more, like an insightful article on software design principles, HTML attributes versus DOM properties, and innovative techniques to detect JavaScript support in CSS. So, Get ready to be inspired, informed, and empowered in your full-stack journey 🚀✨
P.S. On a bit of personal news, this week I'll be speaking in Copenhagen at the AWS Community Days Nordics. If you will be there or just around Copenhagen, let me know, I'd love to chat with you in person!
— Your editor, Luciano

“The great growling engine of change - technology“

— Alvin Toffler , Author

React 19 Beta — The first beta release of the highly anticipated React 19 is finally available on NPM. Why is this new release so exciting? It comes with some improvements and a few interesting new features such as actions, transitions, new hooks,  and a new generalised use() hook to handle resource loading. But there's more, so check out the docs if you are curious to start dipping your toes in this new version of React. Read article

Node.js 22 — OK, time for another big announcement for the JavaScript lovers. This time we go on the backend to talk about Node.js 22 which was released last week... and it's a biggie! IMHO, the most exciting thing in this release is the ability to be able to use require() with EcmaScript Modules (under certain constraints). This promises to reduce the burden when it comes to publishing new libraries and it's another step forward to the mass adoption of ESM. Other interesting things are: a new built-in WebSocket client, updates of the V8 JavaScript engine, and more! Read article

HTML attributes vs DOM properties — They're completely different, but often coupled. And that's why they can be a common source of confusion. In this great article, Jake Archibald demystifies them for us providing a few interesting examples. Read article

4 Software Design Principles I Learned the Hard Way — Last week I really enjoyed reading this piece by Engineering Codex about 4 software design principles that we should know and love: maintain one source of truth, repeat yourself (please!), don't abuse mocks, and minimise mutable state. A bit of a random collection, but nonetheless, something we should think about when building our ambitious full-stack projects! Read article

The Front End Developer Handbook 2024 — We already featured this one a few months back but I keep finding myself coming over to this one and I thought it would deserve another shot in case you had missed it! This FREE handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer in 2024. Read article

Detect JavaScript Support in CSS — Why can't we use CSS media queries to detect if JavaScript is enabled in the user browser? Wait a sec... now we can! This article shows us what this new media query looks like and a few useful examples of when and how we could leverage this for our designs! Read article

Native Support for CJS/ESM Interoperability Begins in Node.js 22 —  Now You Can require(ESM). We already mentioned this in the Node.js 22 news. But this is such a cool thing that it deserves its spotlight and a dedicated article with more background and some code examples. Read article

Node Cookbook: Discover solutions, techniques, and best practices for server-side web development with Node.js 14

by Bethany Griggs

A key technology for building web applications and tooling, Node.js brings JavaScript to the server enabling full-stack development in a common language. This fourth edition of the Node Cookbook is updated with the latest Node.js features and the evolution of the Node.js framework ecosystems. This practical guide will help you to get started with creating, debugging, and deploying your Node.js applications and cover solutions to common problems, along with tips to avoid pitfalls. You'll become familiar with the Node.js development model by learning how to handle files and build simple web applications and then explore established and emerging Node.js web frameworks such as Express.js and Fastify. As you advance, you'll discover techniques for detecting problems in your applications, handling security concerns, and deploying your applications to the cloud. This recipe-based guide will help you to easily navigate through various core topics of server-side web application development with Node.js. By the end of this Node book, you'll be well-versed with core Node.js concepts and have gained the knowledge to start building performant and scalable Node.js applications.

Give me, give me, give me, give me some MOAR! 🤪

• The problem with new URL(), and how URL.parse() fixes that
• Bloom: component library for Elixir Phoenix
• Secret LLama, run an LLM in the browser, offline!
• Figma’s journey to TypeScript: Compiling away our custom programming language
• The Nature of Code: a book about interesting algorithms, freely readable online!
• A single DIV: a CSS drawing project
• A year of publishing the MDN Blog
• How to use JSON Path
• The life and times of an Abstract Syntax Tree
• Printing music with CSS Grid
• Everything I wish I knew before moving 50,000 lines of code to React Server Components
• Amazing Databases with Aurora (podcast)

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

Greetings from your full stack friends Luciano & Andrea