Lenz Weber-Tronic

Since git supports gitignore in subfolders, you can also drop a .gitignore with the content "*" inside your dot folder.
Wouldn't that do the same?

Apollo GraphQL is joining the @aaif.io as a Silver member.

The infrastructure for agentic AI should be open. We’re in. https://apollographql.pulse.ly/y5tbwajp9h

#MCP #AgenticAI #AAIF #GraphQL #OpenStandards

JavaScript—making regular expressions easier to read:

const RE_API_SIGNATURE = new RegExp(
String.raw`
^
(?<prefix>
new \x20
|
get \x20
)?
(?<name>
[
A-Z a-z 0-9 _
.
\[ \]
]+
)
`.replaceAll(/\s+/g, ''),
'v'
);

exploringjs.com/js/book/ch_r...

Incredibly hyped to announce Schema Benchmarks, a project I've been steadily working on in collaboration with @fabianhiller.com!

It aims to provide a central and transparent resource for many of the metrics that matter for schemas, including bundle size and runtime performance 😄

Hi, I think there's a lot wrong with me, but in this case I'm just caring for users with potentially weird edge cases too much 😅

bsky.app/profile/tom....

Phew. Does that make any sense? ^^

interfaces) too soon, it would be inlined based on the augmentation in place at compile time of the library, instead of at the compile time of the "final consuming app".
So adding this self-referencing loop here prevents that inlining until the last moment.
It makes the type lazy.

It prevents a type from being evaluated when it is emitted into .d.ts files by the compiler.

We have a few interfaces that can be augmented in userland, and if the library build process - or the build process of a userland monorepo utility library - compiles this type (that depends on augmented

TypeScript type of the day

```
export type LazyType<T> = T & { [K in "" as never]: LazyType<never> };
```

TypeScript doesn't have "Render Types"
(unlike Flow, more opinionated toward JSX)

This plugin proposes to implement render types constraints as an ESLint plugin

Cool idea 👌

This could improve type-safety and prevent many React composition mistakes

That sounds great! Thank you!

The functionality itself is great. It's just a bit much ^^

I've put a lot of work into that apollo-client skill.

It contains our latest recommendations on best practices - so if you want to tune out 10 years of outdated blog articles that went into AI training data, add this skill :)

All that said, today is a day where I just have a headache.
But that's probably the best state of mind to detect these issues and report them ;)

So I constantly scan the bottom left of my browser to find out which buttons are functionality and which buttons are links that lead me off-page.

A screenshot of a styled tooltip with very concrete information.

A screenshot of an alt tag with the text "Inspect dependency tree". The button is an off-page link.

One example of what's causing me problems:
Some icons have a tooltip that immediately appears.
For other tooltips, there's a really ambiguous title (would you have guessed this takes me to a 3rd party side?) that takes a few seconds to pop up.

Not sure where to leave that feedback, but the devs are active here, so it goes here :)

Could you consider to also add a "less distracting mode" next to "light/dark" modes?
I like the tabs in npm, they help me concentrate on one thing. I don't need all information at once.

I really applaud the work on @npmx.dev, but I just tried the page, and I find it to be extremely overstimulating.

It's a *lot* of information on the page at once, and there's no clear distinction between what is "npmx" and "package readme".
Hidden buttons and functionality are everywhere.

Rolldown - Lazy Barrel Optimization

🚀 Lazy Barrel Optimization in Rolldown

Barrel files, files that re-export from other modules, are common in modern JavaScript projects but a nightmare for your build time.
Rolldown now has Lazy Barrel Optimization to fix this.

Here's how it works 🧵

Beyond React Testing Library: Testing React Libraries (and library-like code) by Lenz Weber-Tronic My talk is called Beyond Testing Library, Testing React Libraries or Library-like Code. We want to optimize code by minimizing re-renders, avoiding tearing, and ensuring granular rendering. React Test...

Relevant conference talk where I introduced it :)
gitnation.com/contents/bey...

GitHub - testing-library/react-render-stream-testing-library: A library to make commited-render-to-committed-render assertions on your React components and hooks. A library to make commited-render-to-committed-render assertions on your React components and hooks. - testing-library/react-render-stream-testing-library

I've created a testing library based on the `Profiler` component that turns rendering into a stream of "render/commit snapshots" (including DOM snapshots) that can be iterated on in tests.
But that's more targeting library authors and their unit tests - I don't have a good solution for E2E tests.

Just one - testing consistency, not just eventual consistency.
Most UI tests only test that UI will reach a target state, but anything could happen in-between. Literally, the whole page could go black for a second in-between.

TypeScript excitement 😉

Congrats to @jakebailey.dev on updating upstream tsc to default to an unpinned *latest* yearly edition of ES20xx. Heading for TS 6.0 🎉

This mean less transpilation of new JS features & more use of native language features provided by JS engines 👍

github.com/microsoft/Ty...

Real-world results from using response caching in Apollo GraphOS Router 👇

Faster responses. Less subgraph traffic.

Read More: https://apollographql.pulse.ly/9fibh5u8ab

@stream all the things with Apollo Client 4.1 - Apollo GraphQL Blog | Apollo GraphQL Blog Apollo Client 4.1 introduces full @stream directive support, compatibility with the latest GraphQL incremental delivery spec, and powerful new APIs for working with fragments.

Apollo Client 4.1 is out, go and stream all the things!

Great rabbit hole.
But also, `strict` by default. You are a hero!

Spending the day closing PRs to bump "vulnerable dependencies" from `^2.1.1` to `^2.1.2` .
It's a bit of a shame that security scanners highlight vulnerable packages, but don't explain that you can just bump transitive dependencies without the need to update dependents.

GitHub - laststance/redux-strorage-middeware: SSR-safe Redux middleware for LocalStorage persistence with hydration control SSR-safe Redux middleware for LocalStorage persistence with hydration control - laststance/redux-strorage-middeware

I created a middleware called redux-storage-middleware github.com/laststance/r...

because redux-persist hadn’t been maintained for a long time. Internally, it’s inspired by atomWithStorage from Jotai. (Big thanks to @dai_shi!)

🥳 TypeSlayer is out! celebrate by posting what your type graph looks like! it legit has an actual leaderboard now: so bonus points if you win lol 🏆🏆

run: `npx typeslayer`

source: github.com/dimitropoulo...