FrontEnd Development

When to Use map() vs. forEach() - https://allthingssmitty.com/2025/04/21/when-to-use-map-vs-foreach/

#javascript

'React Won by Default – And It's Killing Frontend Innovation'

An opinionated React thought-piece that’s provoked much discussion this week by poking at the downsides and inertia caused by ‘the React-by-default mindset.’ And we thought people said React was moving too quickly..? - https://www.lorenstew.art/blog/react-won-by-default

#react

Vue 3 Best Practices

This guide outlines practical patterns for building reliable Vue 3 apps, focusing on the Composition API, TypeScript-first code, and clear state management to improve maintainability. It emphasizes performance techniques like lazy loading, route-level code splitting, and fine-grained reactivity to keep bundles lean and interfaces responsive. The guide also covers testing and linting conventions, component naming, and prop/event typing to ensure consistency across teams. Security and DX tips, such as input sanitization and auto-import hygiene, round out a balanced, production-ready checklist. - https://medium.com/@ignatovich.dm/vue-3-best-practices-cb0a6e281ef4

#vue

Automating the Release Process for a Desktop App with GitHub Actions

Dolt Workbench is an SQL workbench packaged as an Electron app and distributed for several platforms. Eric explains how the Dolt team has automated the process and shares the code for their GitHub workflows. - https://www.dolthub.com/blog/2025-09-11-automating-desktop-release-process/

#nodejs

Rolling the Dice with CSS random()

Jon Davis, Jen Simmons, and Tim Nguyen give an introduction to the random() function that’s coming to CSS, which will let you create a random animation delay, layout content at a random place on the screen, create a random color, or anything you want — all without any JavaScript. - https://webkit.org/blog/17285/rolling-the-dice-with-css-random

#css

Accelerating Large-Scale Test Migration with LLMs

How Airbnb completed its first large-scale, LLM-driven code migration in moving from Enzyme to React Testing Library. - https://medium.com/airbnb-engineering/accelerating-large-scale-test-migration-with-llms-9565c208023b

#teact

React Server Components Support Across Frameworks

A comparison of support for aspects of the main RSC related functionality in Next.js, Vite, Waku, Forket, Parcel, React Router, and RedwoodSDK, along with the code used to test each one - https://rsc.krasimirtsonev.com/

#react

Comparing Tauri and Electron for Building Desktop Apps

Electron is a natural choice for building JS and HTML-powered cross-platform desktop apps but numerous alternatives have appeared like Neutralinojs and the Rust-based Tauri. This post does a good job of quickly showing how Tauri differs and why you might choose it. - https://gethopp.app/blog/tauri-vs-electron

#electron

How To Set-Up Express.js 5 for Production in 2025

A walkthrough of the basic dev process for the latest version of Express, complete with TypeScript, ESLint, Prettier, file structure, and logging. - https://www.reactsquad.io/blog/how-to-set-up-express-5-in-2025

#nodejs

Nuxt and why you should be using it

The article argues that Nuxt.js has become a top choice for Vue developers in 2025 due to its Nitro server engine, hybrid rendering strategies, and convention-over-configuration approach that speeds up development. It highlights effortless API creation with Nitro, file-based routing with per-route rendering rules, and powerful auto-imports with first-class TypeScript support. The author emphasizes performance wins (edge deployment, smart caching, image optimization) and a mature module ecosystem that makes production use straightforward. Overall, Nuxt delivers fast DX, scalable deployments, and pragmatic flexibility compared to traditional setups. - https://juststeveking.com/articles/nuxt-and-why-you-should-be-using-it

#vue

Cloudflare Dashboard Outage Rooted in a useEffect Mistake

The bug wasn’t caused by anything React-specific, but it’s uncommon to hear of the misuse of a React feature cascading into a service being overwhelmed with unnecessary requests resulting in an outage. A good reminder that these things can happen to anyone. - https://blog.cloudflare.com/deep-dive-into-cloudflares-sept-12-dashboard-and-api-outage/

#react

CSS-Only Scrollspy Effect Using scroll-marker-group and :target-current

Sara Soueidan shows how to create a Scrollspy effect using a couple of lines of CSS. - https://www.sarasoueidan.com/blog/css-scrollspy

#css

Angular Signals: The Hidden Cost of Reference Changes

The article explains that Angular Signals rely on reference changes of objects to trigger updates. When using primitive values, this is efficient because changes are detected by value. However, for complex data like objects or arrays, Angular only detects changes if the reference itself changes, not the internal data. This means mutating an object or array without changing its reference will not trigger updates, potentially leaving the UI out of sync. To ensure reliable updates, immutable patterns should be used where data is replaced with new references.  - https://angular.love/angular-signals-the-hidden-cost-of-reference-changes

#angular

Writing a Tiny Undo/Redo Stack in JavaScript

You might prefer to lean upon an established approach (using Immer patches perhaps), but if you want to implement something small yourself, this might help. - https://blog.julik.nl/2025/03/a-tiny-undo-stack

#javascript

nuqs: Type-Safe Search Params State Management

Imagine useState but with state stored and synced with the URL query string. Supports Next.js, plain React, Remix, React Router, TanStack Router, and custom routers via adapters. - https://nuqs.dev/

#libs

Oh No, Not Again: A Meditation on npm Supply Chain Attacks

Noting that “npm has become the largest and easiest way to ship malware”, Tane points a finger at Microsoft, the custodians of the npm registry. - https://tane.dev/2025/09/oh-no-not-again...-a-meditation-on-npm-supply-chain-attacks/

#nodejs

Powering multi-tenant applications with Nuxt

This article explains how Nuxt.js and its Nitro server provide a scalable and customizable architecture for multi-tenant applications. It covers key features like runtime configuration for tenant-specific settings without rebuilding, tenant detection via Nitro middleware, tenant-aware API proxying, and dynamic brand customization. The article also highlights content management using Markdown and MDC modules to empower tenants with flexible page layouts and personalized experiences. Nuxt’s single codebase approach simplifies maintenance while allowing rich tenant-specific customizations. - https://www.adamdehaven.com/articles/powering-multi-tenant-applications-with-nuxt

#vue

Angular CLI MCP Server: Keep Your AI Up-to-Date

Angular released an official MCP Server. This integration bridges the gap between AI assistants and the Angular CLI, providing real-time access to official documentation, current best practices, and workspace analysis – ensuring your AI coding partner stays current with Angular’s rapid evolution. - https://angular.love/angular-cli-mcp-server-keep-your-ai-up-to-date

#angular

What We Learned From Creating PostCSS

Andrey Sitnik shares lessons learned from creating and maintaining the PostCSS open source project over the past 12 years. - https://evilmartians.com/chronicles/what-we-learned-from-creating-postcss

#css

pnpm 10.16 Adds Support for Delayed Dependency Updates

The alternative efficient npm package manager has added a way to specify a ‘minimum release age’ for package dependencies, so a setting of ‘1440’ (minutes) will mean only packages released more than one day ago will be installed. This can help avoid malicious versions of packages which are quickly withdrawn. - https://pnpm.io/blog/releases/10.16

#nodejs