“The nice thing about standards is that you have so many to choose from“”
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
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!)
If you love Svelte an data visualisation you will certainly love Layer Cake: a framework for mostly-reusable graphics with Svelte.
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.
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?
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.
Learn how to publish a package that supports both ECMAScript modules (ESM) and CommonJS modules (CJS) using tsup and Are the Types Wrong?
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.
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.