Angular version 13 is released
(4 November 2021)

Other recent news...

Microsoft highlights .NET 8 Hardware Intrinsics features
Additional hardware functionality via APIs so the bespoke web apps we develop can take advantage of users' underlying hardware, e.g. WebAssembly support so that core algorithms can...
11 December 2023
Google launches Gemini AI model
Gemini was designed for flexibility, so it can run on everything from data centres to mobile devices. It's been optimized for three different sizes: Ultra, Pro and Nano (for on-dev...
6 December 2023
Apple launches release candidate versions of iOS 17.2 & iPadOS 17.2
Developing and testing our bespoke Apple iOS apps on beta versions of iOS 17.2 & iPadOS 17.2 allows our app developers to confirm that the apps we develop will work as expected...
5 December 2023
Angular version 13 is released
Angular aims to be the modern web developer's platform!

If our app engineers build applications with Angular they can reuse code to build apps for any deployment target such as web, mobile web, native mobile and native desktop.

Angular allows our app developers to achieve the maximum speed possible via Web Workers and server-side rendering and meet huge data requirements by building data models on RxJS, Immutable.js or other push-models.

Version 13 of Angular provides the following enhancements:

Moving Angular rendering into the future
In the v12 release in May 2021 we talked about “Ivy Everywhere” and mentioned that there would be some important changes to Angular to support this initiative. We have been diligent in the pursuit of this and we’re extremely pleased to have landed some impactful changes in v13 as Ivy continues to open doors for optimizations and improvements.

State of View Engine
View Engine is no longer available in Angular as of v13. This is great news because Angular can continue to create Ivy-based features that bolster your productivity with the platform. Removing View Engine also means that Angular can reduce its reliance on ngcc (Angular compatibility compiler) in the future, and teams can look forward to faster compilation because metadata and summary files are no longer included.

Changes to the Angular Package Format (APF)
The Angular Package Format (APF) has been streamlined and modernized to better serve developers. To streamline the APF in v13 they have removed older output formats, including View Engine specific metadata. This will help developers from inadvertently relying on internal APIs that may change.

Component API updates
Ivy also enables quality of life improvements to the way developers can dynamically create components. The API has now been simplified. Before the changes in Angular v13, dynamically creating components required a lot of boilerplate code. The new API removes the need for ComponentFactoryResolver being injected into the constructor. Ivy creates the opportunity to instantiate the component with ViewContainerRef.createComponent without creating an associated factory.

End of IE11 support
Removing IE11 support allows Angular to leverage modern browser features such as CSS variables and web animations via native web APIs. What’s more is that apps will be smaller and load faster because IE specific polyfills and code paths have been removed. It also removes the need for differential loading. Developers will benefit from improved APIs and build infrastructure while application users will benefit from faster loading and an improved user experience.

Improvements to the Angular CLI
Angular now supports the use of persistent build cache by default for new v13 projects and results in up to 68% improvement in build speed and more ergonomic options.

Framework changes and dependency updates
RxJS 7.4 is now the default for apps created with ng new and there’s now support for TypeScript 4.4.

Improvements to Angular tests
There have been some important improvements to TestBed that now does a better job of tearing down test modules and environments after each test. The DOM is now cleaned after every test and developers can expect faster, less memory-intensive, less interdependent, and more optimized tests. This feature has been opt-in since 12.1.0 and now it’ll be the default while remaining customizable.

Other notable updates
With the release of Angular v11 in 2020, they introduced support for inlining Google Fonts. Now, they have extended support to Adobe Fonts. Remember, inlining fonts can improve your app performance by speeding up the First Contentful Paint (FCP). This change is now enabled for everyone by default!
 
The key functionality of Angular can be broken down as follows:
 

CROSS PLATFORM

Progressive Web Apps
Use modern web platform capabilities to deliver app-like experiences. High performance, offline, and zero-step installation.

Native
Build native mobile apps with strategies from Cordova, Ionic, or NativeScript.

Desktop
Create desktop-installed apps across Mac, Windows, and Linux using the same Angular methods you've learned for the web plus the ability to access native OS APIs.
 
SPEED AND PERFORMANCE
Code Generation
Angular turns your templates into code that's highly optimized for today's JavaScript virtual machines, giving you all the benefits of hand-written code with the productivity of a framework.

Universal
Serve the first view of your application on Node.js®, .NET, PHP, and other servers for near-instant rendering in just HTML and CSS. Also paves the way for sites that optimize for SEO.

Code Splitting
Angular apps load quickly with the new Component Router, which delivers automatic code-splitting so users only load code required to render the view they request.
 
PRODUCTIVITY
Templates
Quickly create UI views with simple and powerful template syntax.

Angular CLI
Command line tools: start building fast, add components and tests, then instantly deploy.

IDEs
Get intelligent code completion, instant errors, and other feedback in popular editors and IDEs.
 
FULL DEVELOPMENT STORY
Testing
With Karma for unit tests, you can know if you've broken things every time you save.

Animation
Create high-performance, complex choreographies and animation timelines with very little code through Angular's intuitive API.

Accessibility
Create accessible applications with ARIA-enabled components, developer guides, and built-in a11y test infrastructure.

more news...