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
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
Medium
Accelerating Large-Scale Test Migration with LLMs
How Airbnb migrated nearly 3.5K Enzyme test files to React Testing Library in just 6 weeks using automation and LLMs
👍1
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
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
WebKit
Rolling the Dice with CSS random()
Random functions in programming languages are amazing.
❤2👍1
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
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
Dolthub
Automating the Release Process for a Desktop Application
We recently automated the release process for the Dolt Workbench desktop application using GitHub Actions. This article discusses how we did it.
👍2
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
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
Medium
Vue 3 Best Practices
This guide covers essential best practices with practical code examples to help you leverage Vue 3’s capabilities effectively.
❤2👍2
'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
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
Loren Stewart
React Won by Default – And It's Killing Frontend Innovation | Loren Stewart
Exploring how React's dominance by default stifles frontend innovation, and why deliberate framework choices lead to better tools for performance, developer experience, and ecosystem diversity.
👍3
When to Use map() vs. forEach() - https://allthingssmitty.com/2025/04/21/when-to-use-map-vs-foreach/
#javascript
#javascript
Allthingssmitty
When to use map() vs. forEach() - Matt Smith
Learn the key differences between map() and forEach() methods in JavaScript, when to use each, and why map() is often the better choice for transforming data and writing cleaner, more functional code.
❤2
The `-path` of Least Resistance (Part 1)
Amit Sheen explores the clip-path property, starting with basics and moving through the functions and syntax to powerful shape logic that goes way beyond the basic polygons you might be used to. - https://frontendmasters.com/blog/the-path-of-least-resistance-part-1
#css
Amit Sheen explores the clip-path property, starting with basics and moving through the functions and syntax to powerful shape logic that goes way beyond the basic polygons you might be used to. - https://frontendmasters.com/blog/the-path-of-least-resistance-part-1
#css
Frontendmasters
The `-path` of Least Resistance (Part 1)
A deep dive into `clip-path` from Amit Sheen, a very powerful tool in shape creation on the web, particularly now with `shape()`.
👍1
Vue Equipment
This resource curates ready-to-use plugins and composables for modern Vue and Nuxt projects, helping teams ship faster with proven building blocks. It includes utilities for data fetching, form handling, state, and router helpers, along with SSR-friendly patterns that work across server and edge deployments. Each item favors DX and type safety, offering sensible defaults and examples to integrate quickly. The collection is ideal for establishing a consistent app toolkit without reinventing common primitives. - https://www.vue.equipment/
This resource curates ready-to-use plugins and composables for modern Vue and Nuxt projects, helping teams ship faster with proven building blocks. It includes utilities for data fetching, form handling, state, and router helpers, along with SSR-friendly patterns that work across server and edge deployments. Each item favors DX and type safety, offering sensible defaults and examples to integrate quickly. The collection is ideal for establishing a consistent app toolkit without reinventing common primitives. - https://www.vue.equipment/
www.vue.equipment
Vue Equipment | Magic as a Service™
Our Frontend Toolkit, Free and Open Source.
👍2🔥1
The State of QUIC Support in Node.js
A look at the many year story of bringing native QUIC support to Node and how Node 25 should get the first implementation in place. - https://nodevibe.substack.com/p/state-of-quic-in-nodejs
#nodejs
A look at the many year story of bringing native QUIC support to Node and how Node 25 should get the first implementation in place. - https://nodevibe.substack.com/p/state-of-quic-in-nodejs
#nodejs
Substack
State of QUIC in Node.js
Links that I found interesting this week:
❤2
TanStack Start v1 Release Candidate
First appearing on our radar a year ago, TanStack’s attempt at a full-stack TanStack Router-powered framework has reached a v1.0 release candidate that’s expected to be largely the same as its eventual 1.0 release. We’ll let it sell itself: “it’s the next chapter in building type-safe, high-performance React apps without the heavy abstractions.” - https://tanstack.com/blog/announcing-tanstack-start-v1
#react
First appearing on our radar a year ago, TanStack’s attempt at a full-stack TanStack Router-powered framework has reached a v1.0 release candidate that’s expected to be largely the same as its eventual 1.0 release. We’ll let it sell itself: “it’s the next chapter in building type-safe, high-performance React apps without the heavy abstractions.” - https://tanstack.com/blog/announcing-tanstack-start-v1
#react
Tanstack
TanStack Start v1 Release Candidate | TanStack Blog
TanStack Start has officially reached a v1.0 Release Candidate. This is the build we expect to ship as 1.0, pending your final feedback, docs polish, and a few last-mile fixes. Now’s the perfect time...
👍1
You're Misunderstanding DDD in Angular - https://www.angularspace.com/youre-misunderstanding-ddd-in-angular-and-frontend/
#angular
#angular
Angular Space
You're misunderstanding DDD in Angular (and Frontend)
Motivation
In the recent year or two I've seen lots of discussions around building Domain-Driven Design in Angular applications. My observation is that people discuss things that are orthogonal to DDD at best - or even totally derailed from what DDD is about…
In the recent year or two I've seen lots of discussions around building Domain-Driven Design in Angular applications. My observation is that people discuss things that are orthogonal to DDD at best - or even totally derailed from what DDD is about…
👍1
Obsessing Over Smooth radial-gradient() Disc Edges
Ana Tudor demonstrates how to use an underdog media query, resolution queries, to define radial gradients that don’t blur or become jagged. - https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges
#css
Ana Tudor demonstrates how to use an underdog media query, resolution queries, to define radial gradients that don’t blur or become jagged. - https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges
#css
Frontend Masters
Obsessing Over Smooth radial-gradient() Disc Edges
(… and how that lead me to a very underused CSS feature, resolution media queries.)
❤3👍1
Nuxt useNuxtData, Shallow and getCachedData for performance
Some tips to consider when you're working with large lists of data in Nuxt from an API that you do not control and have to improve performance and user experience. - https://www.youtube.com/watch?v=EbYcoKfjbkY
#vue
Some tips to consider when you're working with large lists of data in Nuxt from an API that you do not control and have to improve performance and user experience. - https://www.youtube.com/watch?v=EbYcoKfjbkY
#vue
YouTube
Nuxt useNuxtData, Shallow and getCachedData for performance
Check out my Nuxt course: https://www.shipped.sh
When working with large lists of data in Nuxt from an API that you do not control and have to pull out some tricks to improve performance and user experience, these are some tips you could use!
Work with…
When working with large lists of data in Nuxt from an API that you do not control and have to pull out some tricks to improve performance and user experience, these are some tips you could use!
Work with…
❤1👍1
Building an Offline-Friendly Image Upload System
How to leverage PWA tech such as IndexedDB, service workers, and the Background Sync API to help improve the reliability of web apps for users, particularly those with unreliable internet connectivity. - https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system/
#javascript
How to leverage PWA tech such as IndexedDB, service workers, and the Background Sync API to help improve the reliability of web apps for users, particularly those with unreliable internet connectivity. - https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system/
#javascript
Smashing Magazine
Building An Offline-Friendly Image Upload System — Smashing Magazine
Poor internet connectivity doesn’t have to mean poor UX. With PWA technologies like `IndexedDB`, service workers, and the Background Sync API, you can build an offline-friendly image upload system that queues uploads and retries them automatically — so your…
👍1
Middleware Now Stable in React Router
The middleware feature is now stable in React Router 7.9.0 via the future.v8_middleware flag. Here’s a look at the problems it can solve, and the patterns it unlocks. - https://remix.run/blog/middleware
#react
The middleware feature is now stable in React Router 7.9.0 via the future.v8_middleware flag. Here’s a look at the problems it can solve, and the patterns it unlocks. - https://remix.run/blog/middleware
#react
remix.run
Middleware in React Router
Middleware is now stable in React Router!
👍3
Mastering npx: A Cheatsheet for npm and Node Power Users
You’ve almost certainly used the npx command to easily run a command from an npm package (either local or remote) – it’s easy to use, but npx has a couple of other features and options to keep in mind. https://www.nodejs-security.com/blog/mastering-npx-cheatsheet-npm-nodejs-power-users
#nodejs
You’ve almost certainly used the npx command to easily run a command from an npm package (either local or remote) – it’s easy to use, but npx has a couple of other features and options to keep in mind. https://www.nodejs-security.com/blog/mastering-npx-cheatsheet-npm-nodejs-power-users
#nodejs
NodeJS Security & NodeJS Secure Coding
Mastering NPX: A Cheatsheet for npm and Node.js Power Users
Explore unknown npx commands and tips to enhance your Node.js workflow. This cheatsheet covers everything from running packages without global installs to finding executable paths and using npx with specific Node versions.
👍1
What is useSlots in Vue?
In this article, you’ll explore what useSlots is, when and how to use it, and provide practical examples to clarify its purpose. - https://dev.to/jacobandrewsky/what-is-useslots-in-vue-2hd
#vue
In this article, you’ll explore what useSlots is, when and how to use it, and provide practical examples to clarify its purpose. - https://dev.to/jacobandrewsky/what-is-useslots-in-vue-2hd
#vue
DEV Community
What is `useSlots` in Vue?
Slots are one of Vue's most powerful and flexible features, enabling component composition by...
❤1👍1
3D Layered Text: The Basics
Amit Sheen explains how to build the layered 3D text effect from scratch using HTML and CSS, covering structure, stacking, indexing, perspective, and how to make it all come together visually. - https://css-tricks.com/3d-layered-text-the-basics
#css
Amit Sheen explains how to build the layered 3D text effect from scratch using HTML and CSS, covering structure, stacking, indexing, perspective, and how to make it all come together visually. - https://css-tricks.com/3d-layered-text-the-basics
#css
CSS-Tricks
3D Layered Text: The Basics | CSS-Tricks
A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.
👍1
I Think the Ergonomics of Generators is Growing on Me
The author notes generator functions have been widely available in JavaScript for a long time, yet “their practicality hasn’t exactly caught on.” This is a great look at what they are and where they can be useful. - https://macarthur.me/posts/generators/
#javascript
The author notes generator functions have been widely available in JavaScript for a long time, yet “their practicality hasn’t exactly caught on.” This is a great look at what they are and where they can be useful. - https://macarthur.me/posts/generators/
#javascript
Alex MacArthur
I think the ergonomics of generators is growing on me.
I took a stab at getting more familiar with iterators, iterables, and generators. I think I'm starting to like the ergonomics.
👍2
Pompelmi: Scan File Uploads for Malware
Provides adapters for Express, Koa, and Next.js to perform fast file-upload malware scanning in Node, including digging into ZIP files and with optional integration with the YARA malware detection tool. - https://pompelmi.github.io/pompelmi/
#nodejs
Provides adapters for Express, Koa, and Next.js to perform fast file-upload malware scanning in Node, including digging into ZIP files and with optional integration with the YARA malware detection tool. - https://pompelmi.github.io/pompelmi/
#nodejs
👍1