What’s new in angular 13.

See this and plenty of different articles at lucaspaganini.com

Angular 13 was not too long ago launched, let me let you know what I contemplate to be probably the most related adjustments.

Construct Cache

Now you can cache your builds, so if a module hasn’t modified, Angular would not must rebuild it. That alone will enhance your construct velocity by round 68%.

{
  "cli": {
    "cache": {
      "enabled": true,
      "path": ".angular/cache",
      "atmosphere": "all"
    }
  }
}

TestBed Destroy After Every

Assessments at the moment are quicker as a result of Angular does a greater job of tearing down after every check. That launched some race situations in my codebase, so I needed to flip that off. I might say it wants a couple of weeks to turn into steady.

getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting(),
  { teardown: { destroyAfterEach: false } }
);

Dropped Assist for Web Explorer 11

Lastly, we’re dropping help for Web Explorer 11, which permits Angular to leverage trendy browser options, akin to CSS variables.

Dependency Updates

TypeScript 4.4 and RxJS 7.4 at the moment are supported! I made a video on RxJS 7, the hyperlink is within the description.

Dynamically create parts

Should you create parts dynamically, excellent news, you do not want the part manufacturing facility anymore, simply use ViewContainerRef.createComponent

const componentFactory =
  componentFactoryResolver.resolveComponentFactory(Part);

const componentRef = componentFactory.create(injector);

viewContainer.insert(componentRef.hostView);

const componentRef = viewContainer.createComponent(Part);

Conclusion

References are under. Subscribe in case you’re into web development, and have an amazing day.

References

1. Angular v13 is now available
2. Internet Explorer 11 support deprecation and removal
3. Advantages of Dropping Support for Internet Explorer 11