#58: Full-Stack React, OpenTelemetry, Next.js image Costs, Durable Functions, little-date

React is (becoming) a Full-Stack Framework – React is making waves as it transitions into a full-stack framework with the introduction of Server Components and Server Actions. Robin Wieruch explores how these advancements bridge the frontend-backend gap, transforming React from a client-side library into a comprehensive full-stack solution

Common Sense Refactoring of a Messy React Component – Alex breaks down his approach to refactoring messy React code, offering actionable tips on managing bloated state, using custom hooks, writing effective tests, and more

Enterprise Commerce – High performance, scalable Next.js eCommerce storefront, built with shadcn/ui and v0. Deployable with a single click

Monitoring your Nextjs application using OpenTelemetry – With OpenTelemetry you can monitor your apps by generating telemetry data like logs, metrics, and traces. This guide demonstrates how to use OpenTelemetry in Next.js

The cost structure of using Nextjs Image – A break down of Vercel’s image optimization costs when using the image component in Next.js

Building an App with Next.js and Electron with Server Components Support – This tutorial explores how to build an app with Next.js and Electron with Server Components support

useStateObject: A Simple, Convenient API Around useState – Quick guide on how to build a light wrapper around useState for managing state objects

Onborda v1.2.4 released – Onborda is a product tour library. The latest release is packed with new features: support for multiple tours, enhanced mobile compatibility, improved cross-page tours, and more

little-date – An opinionated library that makes date-ranges short and readable

prisma-markdown – Generate a Markdown file with ERD diagrams from your database schema

motion-primitives – A collection of open-source, customizable motion components built on top of Framer Motion

Next.js Serverless Functions vs Durable Functions – Learn how Durable Functions work and how you can use them to add background tasks, scheduling and AI workflows to your app

Vercel Functions now use bytecode caching by default – Bytecode caching reduces cold start times by up to 60%, exceeding our initial benchmarks and observations

🎙️ Should Your Website Work Without JavaScript? – Scott and Wes discuss whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript

Common Causes of Memory Leaks in JavaScript – A must-read! This in-depth article explains how to spot and fix memory leaks in JS apps. It covers how Node.js manages memory and highlights common causes of leaks