View this email in your browser

Hello,

Welcome to issue #378!
Last week I had the pleasure of talking about Rust and AWS Lambda (and the book that I am writing) at the RustShip podcast by Marco Ieni. If you think this can be an interesting topic for you, you can check out the live recording. A more polished version should come out soon as a podcast, so watch out all the RustShip channels.
Now let's get into some cool full-stack content. This week we have a great and varied selection of articles and libraries that will inspire you and that will help you to raise the bar of your full-stack game!
Enjoy!
— Your crazy editor, Luciano

“The nice thing about standards is that you have so many to choose from“

— Andrew S. Tanenbaum , Computer Scientist

UUIDv7 in 31 languages — Programmatically generated unique IDs such as UUID are fascinating. What else is fascinating if you ask me? Programming languages! So here's a crazy idea: let's implement UUIDv7 in 31 different programming languages! What does this have to do with full-stack web development you ask? Well you probably use UUID here and there, here's a great excuse to know in depth how they work and when they can be convenient (not always, really!) Read article

Layer Cake —  If you love Svelte an data visualisation you will certainly love Layer Cake: a framework for mostly-reusable graphics with Svelte. Read article

uikit: User interfaces for react-three-fiber — User interfaces for react-three-fiber. If you are building interactive 3D experiences for the web and want to provide UI elements (e.g. clickable buttons, resizable panes, etc), this library can help you. View Repository

React 19 and Suspense - A Drama in 3 Acts — React 19 is a very promising release - but there's something not quite right yet with suspense... and this drama unfolded right during React Summit, the biggest React conferences out there! Are you curious to learn more about this? Read article

Flow Charts with CSS Anchor Positioning — With the introduction of the CSS Anchor Position API in Chrome 125, it's never been easier to position an element relative to another element. This is a great way to manage complex positioning use cases like popovers and tooltips. However, CSS Anchor Posititioning can be used for more than just popovers and tooltips, it can be used to create basic flow chart diagrams. In this post we will learn how to use CSS Anchor Positioning to create flow charts and diagram with just CSS. Read article

Dual Publishing ESM and CJS Modules with tsup and Are the Types Wrong? —  Learn how to publish a package that supports both ECMAScript modules (ESM) and CommonJS modules (CJS) using tsup and Are the Types Wrong? Read article

Bridging React Native and Rust via JSI — Ditto is a company that provides an SDK to perform synchronization of data between devices even when they don't have access to the internet. They recently had to integrate their solution with React Native and they had to use Rust as a mechanism to re-use their existing code and bring it into the React Native ecosystem. This is a bit of an off-topic, but still, a fascinating read if you want to learn how the world of the web can fade into the world of mobile and systems programming. Read article

Learn React with TypeScript - Second Edition: A beginner's guide to reactive web development with React 18 and TypeScript

by Carl Rippon

Reading, navigating, and debugging a large frontend codebase is a major issue faced by frontend developers. This book is designed to help web developers like you learn about ReactJS and TypeScript, both of which power large-scale apps for many organizations. This second edition of Learn React with TypeScript is updated, enhanced, and improved to cover new features of React 18 including hooks, state management libraries, and features of TypeScript 4. The book will enable you to create well-structured and reusable React components that are easy to read and maintain, leveraging modern design patterns. You'll be able to ensure that all your components are type-safe, making the most of TypeScript features, including some advanced types. You'll also learn how to manage complex states using Redux and how to interact with a GraphQL web API. Finally, you'll discover how to write robust unit tests for React components using Jest. This book is for experienced frontend developers looking to build large scale web applications using React and TypeScript. Intermediate knowledge of JavaScript, HTML and CSS is a prerequisite.

We almost forgot about these ones! 🤭

• Pic Smaller: Compress JPEG, PNG, WEBP, AVIF, SVG and GIF images intelligently
• CRUD/Authorization Node.js framework
• Best practices for accelerating development with serverless blueprints
• The Powerful Conversational AI JavaScript Library
• Reassure: Performance testing companion for React and React Native
• React-tag-autocomplete: A simple, accessible, tagging component ready to drop into your React projects (new repo)
• How To Use Google Sheets as a Database With React via Next.js

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

Greetings from your full stack friends Luciano & Andrea