RTKQ Typescript Compiler Performance issue

[timglabisch]

I noticed that my IDE takes quite a long time to resolve types. Even when RTKQ isn’t directly involved, tracing shows that it still takes an extremely long time.

Atm. i've around 30 endpoints and it takes 600ms on every keystroke. i tested it with ~300 endpoints and my IDE (and any kind of typechecking) takes ~3500ms. i am using a freaking fast imac studio (...).

with 2600 endpoints it takes 27799ms for intelliJ (phpstorm) to resolve a type (even if RTKQ is not directly involved).

the code is quite simple:

export const RtkApiGenerated = createApi({
    reducerPath: 'ApiRTK',
    baseQuery: fetchBaseQuery({
        baseUrl: '/',
        responseHandler: 'content-type',
        validateStatus: fetchBaseQueryResponseValidator,
        prepareHeaders: (headers, { getState }) => {
            headers.set("X-Requested-With", "XMLHttpRequest");
        }
    }),
    endpoints: (builder) => ({
         /// x 2000
        endpoint1: builder.query<zod_ZodSchemaXXX_type, {params?: Record<string, string>}>({
            query: (o) => ({url: path_XXX_general_fetch(o.params || {}), method: 'GET'}),
        }),

than i've

export const ApiRTK = RtkApiGenerated.enhanceEndpoints({
    addTagTypes: ["XX", "X", "XXX"],
    endpoints: {
        around2Endpoints: {
            invalidatesTags: (v, error, request) => {
                return [{type: 'XXX', id: request.route.x}, {type: 'X'}];
            }
        }
}).injectEndpoints({
    endpoints: (builder) => ({
        X: builder.query<number, void>({
            queryFn: async (o) => {
                return {data: Math.random()}
            },
            providesTags: () => {
                return [{type: 'XX'}];
            },
        }),
    })
})

With just 30 endpoints, you can already feel how the developer experience across the entire project declines. Are we doing something wrong here? For larger projects, this would have to be a showstopper, wouldn’t it?

bench_2600.txt.zip
bench.txt.zip

how to reproduce:

npm install -g @typescript/analyze-trace
./node_modules/typescript/bin/tsc -p . --generateTrace ./ts-trace --watch
[CHANGE SOMETHING IN THE CODEBASE]
analyze-trace ./ts-trace --skip-millis=1 --force-millis=20 > bench.txt

[markerikson]

Just to check, what RTK version are you on? We did do some perf improvements to this last year:

• [RED-16] Slow intellisense in VSCode #3214

That was released in https://github.com/reduxjs/redux-toolkit/releases/tag/v1.9.7 .

But yeah, if you've got 2600 endpoints, I'm not surprised that's slow.

[phryneas]

Do you experience the same level slowdown in VSCode?

IntelliJ doesn't always use the official TypeScript language server, but their own "faster" implementation.
As that one comes up with all kinds of bugs I would not be surprised if it actually was slower with complex types.

[timglabisch]

IntelliJ doesn't always use the official TypeScript language server

the benchmarks are generated directly using tsc (Version 5.3.3).

But yeah, if you've got 2600 endpoints, I'm not surprised that's slow.

We noticed it with around 30 endpoints because the performance had already degraded to the point where the developer experience suffered. However, the problem grows (almost) linearly with the number of endpoints. with 2600 the typescript language server is not useable any more (~40 sec. delay).

Just to check, what RTK version are you on?

we are on 2.2.1