View this email in your browser

Hello !
In issue #370, we're delving deep into the world of AI-driven web experiences, unraveling the mysteries of functional programming in JavaScript, and reflecting on the thought-provoking discussions sparked by JS Naked Day. But that's just the beginning! There's a whole treasure trove of insights waiting for you to uncover. So come on in, join the conversation, and let's journey together through the ever-evolving landscape of full-stack web development.
— Your editor, Luciano

“Let's go invent tomorrow instead of worrying about what happened yesterday“

— Steve Jobs , Entrepreneur

The Shape of AI — As AI becomes more and more a mainstream phenomenon that we have to deal with daily, it's important to understand how users interact with AI and how we can offer the best web-based experiences for AI-powered products. This fantastic website explores some of the most common patterns you should consider when designing a website that uses some form of AI. Visit website

Deep Dive into Functional Programming in JavaScript —  Functional programming (FP) has gained significant traction in the world of software development, and JavaScript developers are increasingly turning to this paradigm to solve problems more efficiently and with fewer bugs. In this article, you can explore some of the most important concepts that you'll have to master if you want to make good use of functional programming in your JavaScript code. Read article

Mario meets Pareto —  This one hasn't much to do with the world of web development... well that's maybe not true, since it's an amazing website with some cool 3D animations. So, check out how to find the best Mario Kart 8 build using the Pareto frontier method and enjoy all the animations as you scroll through the data! Maybe you'll find some inspiration for your next frontend project! Read article

JS Naked Day —  Last week we had the JS Naked Day, a day dedicated to the idea that the web should work without JavaScript. An important idea to reflect upon, especially for editorial websites whose purpose is to provide information, they should definitely not require JavaScript to work... Read article

Help us invent CSS Grid Level 3, aka “Masonry” layout — If you’ve been making websites for years, you know how frustrating it was to lay out a web page with CSS floats. You might have seen websites like Pinterest and wondered "How did they achieve such a cool layout?". That's called a masonry layout and, as of today, it involves a lot of JavaScript! But this might change because there is a new CSS spec in the works to introduce a native masonry layout... And you can contribute to it!  Read article

canvas-confetti — A lovely JavaScript library that allows you to easily add a confetti effect to your web pages. We presented emojisplosion a few issues ago, this is another interesting alternative that focuses on performance and flexibility! Am I the only one who loves emojis so much? 😁 View Repository

Did Signals Just Land in React? — "Signals" are used to manage client-side state, and every major frontend framework seems to be implementing them! Well, all except React! But this might change soon, as Paul Scanlon points out in this interesting article. Read article

Distributed Systems with Node.js: Building Enterprise-Ready Backend Services

by Thomas Hunter II

Many companies, from startups to Fortune 500 companies alike, use Node.js to build performant backend services. And engineers love Node.js for its approachable API and familiar syntax. Backed by the world's largest package repository, Node's enterprise foothold is only expected to grow. In this hands-on guide, author Thomas Hunter II proves that Node.js is just as capable as traditional enterprise platforms for building services that are observable, scalable, and resilient. Intermediate to advanced Node.js developers will find themselves integrating application code with a breadth of tooling from each layer of a modern service stack.

Some more food for thought! 🍔

• Profile Node.js performance with the Performance panel
• Motion extraction with mostly CSS
• No Abstractions: an Increase API design principle
• ehmicky/modern-errors: Handle errors in a simple, stable, consistent way
• Learn OAuth 2.0 by Building Your Own OAuth Client
• Puck - The open-source visual editor for React
• An Introduction to the Node.js Performance API
• Deep Dive into Node.js Streams (video)

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

Greetings from your full stack friends Luciano & Andrea