View this email in your browser

Hey,

Get ready to supercharge your skills with this week’s newsletter! We’re diving into how to make your architecture proposals resonate with product teams, ensuring your tech voice is heard loud and clear. Plus, explore the exciting future of Vite and how void(0) will reshape JavaScript tooling with the power of Rust.

Don’t miss our look at WebAssembly's game-changing potential for high-performance web apps, and check out Oops.js for adding seamless undo/redo functionality to your projects.

Also, be sure to explore the Online JWT Cracker for your security testing needs and SkellyCSS, the fun lightweight framework perfect for your Halloween-themed loading screens. Finally, TypeScript 5.7 Beta is out, packed with features to enhance your development experience.

Let’s jump in and keep pushing the boundaries of what’s possible!
— Your editor, Luciano

“This is the whole point of technology. It creates an appetite for immortality on the one hand. It threatens universal extinction on the other. Technology is lust removed from nature“

— Don DeLillo , Author

How to make Product give a 💩 about your architecture proposal — In full stack development, mastering the art of working with product teams can be one of the most valuable skills in a technical team's toolkit. Andrew Giesemann addresses the often-overlooked challenge of aligning technical needs with product priorities. Giesemann provides practical strategies to help you navigate this critical skill—one that can influence not only technical outcomes but the overall success of your projects. Read article

Vite and the Future of JavaScript Tooling — I’m super excited to see this work happening! Not only does Evan You dive deep into the details of how void(0) will evolve Vite, but this new tooling also involves a lot of Rust—one of my favorite languages lately. In this video, Evan explains how they’re addressing Vite’s current flaws and building it into the future engine for web development. If you’ve been following the announcement like I have, this video is packed with valuable insights directly from Evan, giving a clearer picture of the path forward. Watch video

Wasm is the new CGI — This article dives into how WebAssembly (WASM) is changing the landscape of web development by enabling native-like performance and unlocking new possibilities for both frontend and backend work. Even though WASM adoption has been slow, I’m sure it will play a fundamental role in the future of the Web. The piece does a great job explaining why this technology is poised to become a game-changer, especially for high-performance applications and more complex web functionality. Read article

🤭 Oops.js: undo/redo capabilities for your app  — Oops.js is a powerful library that brings industry-leading undo/redo capabilities to your applications, similar to what's found in software like Figma, Photoshop, and Visual Studio Code. For fullstack developers, this opens up exciting possibilities—whether you're building a simple text editor or a complex design tool, Oops.js makes it easy to add robust, intuitive undo/redo functionality. If you’re working on applications that require seamless user interactions and error correction, this library provides the tools you need to create a user experience that feels polished and professional. View Repository

Online JWT Cracker — This web-based tool allows you to brute-force HS256, HS384, or HS512 JWT tokens directly from your browser—no software installation is needed. I'm super happy to see this project come to life, inspired by one of my open-source projects (jwt-cracker). Beyond its practical use for developers needing to test the security of their JWT implementations, the website’s futuristic-techno design stands out. It feels like something straight out of a hacker movie, adding a fun edge to its functionality while offering a sleek user experience. If you're into security testing or love cool web tools, this is worth checking out. Read article

☠️ skellyCSS: A light-weight CSS framework to implement skeletons — SkellyCSS is a lightweight CSS framework that helps you quickly implement skeleton loading screens into your projects. These placeholder elements give users a visual indication that content is loading, improving the overall experience by reducing perceived wait times and layout shift after loading... And with Halloween around the corner, it’s the perfect time to bring out your inner skeleton — because nothing says "spook-tacular user experience" like a friendly skeleton loading screen! View Repository

TypeScript 5.7 Beta — This latest version introduces a host of features and improvements designed to enhance the developer experience and streamline code management. From catching never-initialized variables to supporting ES2024 and refining path handling for in-place imports, TypeScript 5.7 aims to empower developers with greater flexibility and efficiency in their projects. Check out this article if you are curious to see the full list of features and some code examples! Read article

Hands-on Rust: Effective Learning through 2D Game Development and Play

by Herbert Wolverson

Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters - and what better way to learn than by making games. Each chapter in this book presents hands-on, practical projects ranging from "Hello, World" to building a full dungeon crawler game. With this book, you'll learn game development skills applicable to other engines, including Unity and Unreal. Rust is an exciting programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters. With Rust, you have a shiny new playground where your game ideas can flourish. Each chapter in this book presents hands-on, practical projects that take you on a journey from "Hello, World" to building a full dungeon crawler game. Start by setting up Rust and getting comfortable with your development environment. Learn the language basics with practical examples as you make your own version of Flappy Bird. Discover what it takes to randomly generate dungeons and populate them with monsters as you build a complete dungeon crawl game. Run game systems concurrently for high-performance and fast game-play, while retaining the ability to debug your program. Unleash your creativity with magical items, tougher monsters, and intricate dungeon design. Add layered graphics and polish your game with style.

If you are bored, maybe this will help! 👇

• HTML is for people
• Tenno: A live editable Markdown editor that lets you add cells like Excel!
• Visualize and process JSON in seconds
• sq: like jq but for databases
• Avoiding the Lambda Doom Loop
• Deno 2.0
• 10+ ECMAScript Proposals
• Building a Single-Page App with htmx
• Node vs Bun: no backend performance difference

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

Greetings from your full stack friends Luciano & Andrea