no-httpxhrbackend

Restrict the usage of HttpXhrBackend, which enables back legacy XHR based HTTP.

Stay on the default fetch based HTTP instead.

Documentation

• HTTP guide

Configuration

• in the recommended preset
• in the fetchHttp preset
• or just this rule:

{
  rules: {
    'eslint-plugin-angular-modern/no-httpxhrbackend': 'error'
  }
}

❌ Invalid

export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(),
    { provide: HttpBackend, useClass: HttpXhrBackend },
  ],
};

✅ Valid

export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(),
  ],
};

Back to README