Greg Bergé

const obj = { a: 1, b: 2 }; const count = Object.keys(obj).length;

ECMAScript excitement 😉

Congrats to @bridgear.bsky.social @jordan.har.band on advancing Object.keysLength to Stage 2 at TC39 today 🎉

let count = Object.keysLength(o)

It counts the string-keyed own properties on an object. This avoids the cost of the intermediate array in Object.keys(o).length

We just shipped ARIA Snapshots in @argos-ci.com for @playwright.dev 🎉

Now you can capture accessibility trees alongside screenshots, perfect to spot text changes and catch accessibility regressions.

Hey Filip, thanks! Argos has always been open source 😉

Argos is getting more enterprise-ready 💜
Get notifications where you need them!

Welcome to a new era of documentation.

Starting today, you can create tailored docs experiences for every user, with an AI Assistant that can answer with context from external sources via MCP.

Create relevant, targeted docs for your users. Find out more: www.gitbook.com/blog/new-ada...

Flaky test detection is the first step in bringing full flaky test management to Argos. Visual testing is inherently flaky, but it doesn’t have to stay that way. Our goal is to give all teams the tools they need to understand, manage, and eliminate test flakiness.

We just released Slack notifications at @argos-ci.com 🎉
Real-time build updates, configurable rules, channel targeting. Already making our own workflow smoother!

How to Choose the Right Playwright Locators Best practices for writing stable and accessible tests in Playwright by selecting the most effective locators.

Some thoughts on how to write more stable Playwright tests, starting with the locators you choose. This short guide covers what works in practice and how to avoid common pitfalls.

argos-ci.com/blog/playwr...

Announcing Rolldown-Vite We are building the next generation of JavaScript tooling

Rolldown-Vite is now available as a technical preview. Some users report Vite builds that are 16 times faster 🤯

voidzero.dev/posts/annou...

Good news for JavaScript! The Random namespace proposal is showing great promise. It's still in the early stages, but it looks so nice 🤤
github.com/tc39/propos...

Big milestone for us at Argos, we’re now SOC 2 Type II certified 🛡️🔒. Proud of what we’ve built as a small team, and grateful to the customers who trust us!

First Look at The Modern attr() Exploring the modern attr() in CSS

With the new CSS attr(), it's now possible to implement xstyled in native CSS. 🤯

xstyled.dev/
ishadeed.com/article/mod...

Big news! Argos now supports Storybook story modes out of the box 🎉

You can screenshot your stories on different viewports, locales, and more!

Read more in our changelog: argos-ci.com/changelog

URLPattern is available in Node.js v23.8.0, finally, a way to implement route matching natively in JavaScript.

developer.mozilla.org/en-US/docs/...
nodejs.org/en/blog/rel...

Parcel v2.14.0 Parcel v2.14.0 introduces beta support for React Server Components, which can be integrated into existing client-rendered apps, server rendered at request time, or statically rendered to HTML at build time. In addition, it adds first-class MDX support, a CLI to scaffold new Parcel apps, and a new React error overlay. It also optimizes browser caching with native HTML import maps. This is a big release, so let's dive in!

It's great to see React Server Components now supported out of the box by Builder. I remember creating loadable-components, and Parcel addresses this in the era of Server Components.

parceljs.org/blog/v2-14-0/

Hybrid Linters: The Best of Both Worlds | Goldblog Native speed for parsing and type checking is wonderful. I also want the huge benefits of writing lint rules in an ecosystem's primary language. Here's how I think we can have both.

I completely agree, the future of linters is hybrid. The core will be in native, while rules will be in JavaScript.

www.joshuakgoldberg.com/blog/hybrid...

feat: onNavigate for link by gaojude · Pull Request #77209 · vercel/next.js onNavigate Event Handler for Next.js Link Component <Link onClick={(e) => { console.log("Executes on every click interaction"); }} onNavigate={(e) =&gt...

Here are the pull requests:

- useLinkStatus: github.com/vercel/next...
- onNavigate: github.com/vercel/next...

Finally, there's an official way to display a loading indicator while a link is fetching in Next.js. Two PRs have been merged to address this:

- useLinkStatus: Displays a loading indicator while loading.
- onNavigate: A callback triggered when navigation occurs on the link.

Great news! You can now customize the `<select>` element in Chrome!

Learn more at: developer.chrome.com/blog/a-cust...

A journey to image stabilization How Argos implemented automatic image stabilization to improve visual testing accuracy.

We solved one of the biggest problems in visual testing: image stabilization. Read the article to learn how we cracked it!

argos-ci.com/blog/images...

TIL that property-based testing exists, and it's great for improving test coverage.

Fast-check is an excellent library for conducting property-based tests, independent of the test runner you use.

fast-check.dev/

Metro enabled support for `package.json#exports` in its latest version. This is beneficial for the ecosystem and maintainers, as I frequently received pull requests asking to add "main" in pure ESM modules.

github.com/facebook/me...

Beyond React.memo: Smarter Ways to Optimize Performance Why composition patterns might be better than memoization for React performance

The React philosophy emphasizes creating and composing multiple components. Feel free to create as many components as necessary to isolate your states.

cekrem.github.io/posts/beyon...

Impressive new update from the React Aria team! We can finally build searchable menus 🙌

react-spectrum.adobe.com/releases/20...

Zodconfig seems like a great alternative to Convict. I'm considering using it in Argos.

github.com/alexmarqs/z...

Reactbits: A stellar collection of React components to make your landing pages shine ✨

www.reactbits.dev/

A great game for learning about CSS anchor positioning! This feature is a game changer for tooltips, popovers, and all floating elements.

anchoreum.com/

Math.clamp made it to Stage 1, not a game changer but handy! github.com/tc39/propos...

Registry Run your own component registry.

Shadcn Registry reminds me a lot of Bower, a package manager for frontend dependencies. Let's just use npm, we don't need another registry for JS 😅 ui.shadcn.com/docs/registry

Yeah!