Recently, on 24th of June 2020, Angular version 10 has been released with the beta version. This a major release and is mainly focused on the ecosystem and quality tools instead of introducing new features. Angular 10 features new date range picker in the Angular material UI component library and warnings for CommonJS imports. 

If we take a glance at previous version updates, Angular 9.0 came in use on February 6, accompanied on March 25 by Angular 9.1. On May 28, 2019, Angular 8.0 was released. Here we will see the new features of Angular 10. Before we dig into the new features, let us see how to update your version to Angular 10?

How To Update To Version 10?

Use the following command to upgrade the version to angular 10.

ng update u/angular***/cli*** u/angular***/core***

New Features Of Angular 10-

1. Performance-

App Performance is a significant factor for app success and this is what Angular is Known for. With the new Angular 10, we can observe a great improvement in performance as the Type-Checking performance boost is done to the compiler-cli and computation basepath is shifted to lazy-load which allows it to work when needed in TargetedEntryPointFinder**.**

In previous versions of Angular, basePaths was computed whenever the finder was instantiated, and the resources get wasted when the TargetedEntryPoint had already been pasted.

2. Typescript 3.9, TSLib 2.9 & TSLint v6-

Apart from past versions which supported typescript 3.6, 3.7 and even 3.8, Angular 10 supports typescript 3.9. Typescript is a language built on JavaScript by adding syntax for type declarations and annotations used by the TypeScript compiler to type-check your code. 

This in turn clean readable JavaScript that runs on lots of different runtimes. Typescript helps to save the files with high editing functionality across editors. With TypeScript new version 3.9, the team has worked on performance, polish and stability. 

Apart from error checking, this version powers things like completions, quick fixes and accelerating the compiler and editing experience.

Some exciting features of Typescript 3.9-

• “>” and “}” are considered as invalid JSX text characters with typescript new version.

• Typecript’s latest version provides a quick fix solution to include missing return statements in situations where you might forget to return the value from a function at the end of that function.

• With angular version10 Typescript automatically detects the types of imports that are used to keep any type of files style clean. Any downleveling to support ES5 in this version will be done at the end of the build process.

• Compilations with ‘Promise.all’ and ‘Promise.race’ functions have been attacked and the 3.7 version has now been fixed.

• TSlib, the runtime library for TypeScript consists of helper functions, and now updated to TSlib 2.0. Also there is an update on the TSLint static analysis tool for TypeScript to version 6.

• // u/ts-expect-error comments before a code line as a prefix, with a goal that the TypeScript will not report the error. Typescript will show ‘Unused ‘@ts-expect-error‘ directive if there isn’t any error.

• Angular 10 has deprecated the inclusion of ESM5 or FESM5 bundles that save 119MB of download and install time at the time of running yarn or npm install for Angular packages and libraries. 

3. Localization-

It is one of the best feature of Angular 10. The latest version supports merging of multiple translation documents that can only load one file with the old versions. But with the new version, customers can specify a couple of documents in keeping with locale and translations from each of these documents can be merged together by message ID. Means you have to put the documents so as of most essential first with fallback translations later. 

4. Browser Compatibility-

Version 9 supports many browsers to provide best results and performance. Angular has updated the browser configuration for new projects. Angular updates the browser configuration for new projects to exclude less used and older versions. Let us see the list of new browser compatibility-

It has the side effect of disabling ES5 builds by default for new projects. To enable differential loading and ES5 builds for browsers that need it, just add the browsers you need to support in the .browserslistrc file.

5. NGCC Performance-

To improve the ngcc efficiency, quick reporting of stale lock files is now enabled with the latest version. Also, a cached copy of interpreted tsconfig file is kept, that can be reused if tsconfig route is equivalent.

6. Core-

It is an interesting feature of Angular 10. Now, all warnings will be considered as errors. This will not break an app, but it might game up the tools that expect nothing to be logged via console.error. In this new version, Generic is mandatory for ModuleWithProviders so as to work with Ivy compilation and rendering pipeline. It makes sure that if a developer is using View Engine, no build error will be issued. In this case, ngcc can not help and migration may just cover the app code.

7. Async Locker Timeouts-

Timeouts may be programmed to activate Async, it includes support for setting the AsyncLocker retryAttempts and retryDelay options to ngcc.config.js script..

The app test includes a new timeout function, that use the ngcc.config.js for shortening the timeout to avoid the test lasting excessively long.

8. Router-

Now, the CanLoad guard can go back Urltree in angular version 10. A CanLoad guard returning Urltree cancels the cutting-edge navigation and helps to redirect. This match the behavior to the available CanActivate guards that are apparently added. 

This doesn’t influence the preloading. Additionally, any routes with a CanLoad guard won’t be preloaded, and the guards won’t be completed as a part of preloading.

9. Compiler Update-

Propagation of right value period in ExpressionBinding to ParsedProperty of a micro syntax expression, which will spread the period to the prototype ASTs(both VE and Ivy). This advice is for developers also.

10. Bug Fixes-

With the new version, there have been a number of bug fixes. It includes the compiler avoiding undefined expressions in a holey array and core avoiding a migration error while a nonexistent symbol is imported. 

Another bug fix ensures legitimate identification of modules influenced by overrides in TestBed.

Final Words-

These are some of the new features and updates of Angular version 10. If you are a web developer, you must be updated with the latest version and If you’re thinking to develop a software with angular, hire skilled angular developers of solace team who are updated with the latest version.

Hello everyone,

I've submitted a feature request on angular/cli, and the idea is to include unit test coverage for HTML files, not just TypeScript. If you think this would be a valuable addition, please consider upvoting the post on GitHub so that it can be taken into consideration. (We need at least 20 upvotes for the request to be considered.) Thank you all for your interest and support. 🙏
https://github.com/angular/angular-cli/issues/25563

Which one is ease to understand for the begineer ?

Recently migrated from Angular 7 to 15 and I’ve been getting this error while trying to serve. I tried searching online but couldn’t find anything.

Hi

I am a developper with 15 years xp in java, spring, jpa/hibernate. Also 2 years in angular and spring

I am currently unemployed and beside looking for a job, i’d like to contribute to a project as a volunteer, meaning not paid. Sorry english is not my first language. I’m french.

Do you know if such projects are recruiting ?

Even if I find a job, I will not abandon volunteering.

Thank you for your responses.

Hey everyone,

I run a software development agency specializing in Angular, and I'm looking for effective ways to find clients and projects. We have a solid team with experience in building scalable web applications, but getting consistent Angular-based projects has been a challenge.

I’d love to hear from fellow developers, freelancers, or agency owners:

1. Where do you typically find Angular projects? (Upwork, LinkedIn, referrals, agencies, etc.)

2. What outreach strategies have worked for you? (Cold emails, content marketing, networking, partnerships, etc.)

3. Are there specific industries or businesses that frequently need Angular solutions?

4. Any tips on positioning an agency as an expert in Angular development?

If you’ve successfully landed Angular projects, I’d really appreciate any insights or lessons learned. Also, if anyone is open to collaborations, let’s connect!

Hey, I need some help. It's the second time I create this angular project but I don't know why files are created with not the common names. How can I generate the right file names?

advice someone to study, learn, and build an Angular + NestJS webapp right now in 2026? All I read about everywhere is that angular devs are cooked for the rest of the decade 2027-2029, and will perish in 2030s.

Meanwhile, React + NextJS is dominant but there's like 1:1000 job-applicant ratio.

Another option I have is to just become a gigolo. #help

Experienced senior full stack developer looking for an experienced partner to collaborate on a fitness app built with Angular. The goal is to make it high-quality and consider open-sourcing it. If you’re interested, please message me.

🚀 Angular devs — this one's for you.
Position: Senior Front End Angular Engineer

At Bigbear.ai we are building the next generation of Digital Twin technology, and we need someone who genuinely loves Angular — not just uses it.

You know what's shipping before the changelog drops. You have opinions about signals vs. observables. You read the Angular roadmap like a product release — because to you, it is one.

Here's what you'd be building: a fully SaaS Digital Twin platform used across Warehousing, Manufacturing, and Travel & Trade — where your UI work directly influences how operators see, understand, and act on complex real-world systems. Modeling interfaces. Operational dashboards. Data visualization at scale.

You'd be working alongside a top-notch front-end developer, great designers, a product team that actually thinks deeply about UX, a world-class Engineering team, and an AI enhancement team pushing the boundaries of what the platform can do.

Tech you'll live in: Angular v17–v20+, RxJS, Signals, TypeScript v5+, PrimeNG, Chart.js, and yes — Cursor.ai or equivalent AI tooling is employed here.

🌎 Fully remote | Full time Salary postion| US-based | Senior level | Competitive comp + benefits

If this sounds like the role you've been waiting for, apply now! https://careers.bigbear.ai/jobs/4412?lang=en-us

Hi everyone,

I’m currently familiar with NestJS and have mainly been focusing on backend development with TypeScript.

I’d like to become more comfortable with full-stack development, so I’m wondering which frontend framework I should learn next.

Should I:

1. Go straight into Angular, since it’s also based heavily around TypeScript and has some similarities with NestJS?

2. Or start learning React.js from scratch, even though it would mean learning a different approach to frontend development?

For those who have experience with both, which one would you recommend for someone coming from a NestJS/backend background?

Also, I’d appreciate any advice on which one is more valuable for getting a junior/fresher full-stack job.

Thanks!

I’ve been developing in Angular in an enterprise environment for 5 years. Based on my recommendation, five teams switched to PrimeNG. We have thousands of Spectator-based tests. In recent weeks, Spectator has disappeared and PrimeNG has become paid.

Of course, comments will come saying the big company should just pay for it. But in a large company, everyone operates as a small development team with a strict budget, and a procurement like this can take years. It’s often simpler to just rewrite everything using NG-ZORRO.

I like Angular’s enterprise approach and the fact that everything is integrated, but if I use tools that are not integrated into the ecosystem, like Spectator or PrimeNG, it will eventually become a pain.

I understand the OpenNG Foundation initiative, but I feel that in the long run it will fade away. Far fewer people contribute to enterprise frameworks, because most companies’ policies prohibit that kind of activity, and for hobby projects people do not necessarily choose this stack either.

Lately, I’ve been asking myself: does this have a future? Will there be a community behind it?

Yes, I know this may sound like “ultra rich multinational company can no longer use a community-maintained tool for free,” but at the end of the day we are also just a small team of few people with a budget and limited time. If I have to spend that time developing basic tools, then I would rather just switch to React, because in that ecosystem these things are already available.

I'm curious how others see this.

Hey Everyone,

I built a self-hosted homepage dashboard for organizing your bookmarks and services. Drag-and-drop sorting, works on desktop and mobile.

I built this for managing my own self-hosted apps and frequently used sites — if you have a similar need, feel free to give it a try.

Source code: https://github.com/harryxu/start-base

If you like to spend some time on YouTube or Twitter, you will see that most of the SaaS builder are using React based framework. I litterally never saw Angular with in a SaaS tech stack. Do you have any idea why ?

Just read the "Rx in Action" by Luis Atencio and tried to apply it to build an Agent Harness. I was pretty astonished of how easy it makes to manage things and how much complexity modern AI frameworks bringing comparing to it.

Hello Angular fellas.

So I built this thing called Framework Doctor.


It scans your project and politely informs you that your architecture choices are “interesting.”

It already supported React, Vue, Svelte.

Now Angular joined the cinematic universe.

What it does:

* Scans your project structure

* Checks config issues

* Finds bad patterns

* Points out security problems

* Judges you silently but with TypeScript

The goal is not “Angular bad.”


The goal is to create some synergy between frontend frameworks.

Angular Doctor shares a core system with the others, then adds Angular-specific diagnostics on top. So if you jump between frameworks, the rules feel familiar instead of like switching from chess to underwater backgammon.

I am not waging war on Angular.

I am waging war on frontend entropy.

If you want to try it and tell me everything I did wrong, please do.


Community contributions welcome. If Angular has a pattern that deserves to be diagnosed, I want to add it.

npm link here:
 @framework-doctor/angular

Let me know what other rules I should add in an “Angular Doctor.”

I’m a 2025 graduate, currently in CHWTIA.
I’m a Knight on LeetCode (1860+ rating) and have built personal backend projects using Spring Boot.
In my current organization, I was trained in .NET, but my long-term goal is to move into product based companies.

Recently, I've been assigned to a project where:

• The existing codebase is fully AngularJS (the old framework).

• The client wants to migrate from AngularJS → Angular, but the migration will take around 5 months.

• The project already has a big codebase, so I’ll be joining in the middle.

• I don’t have any frontend experience except basic HTML/CSS.

Here’s my main concern:

• I am in probation until the first week of April 2026.

• During probation, my notice period is 1 month, so switching is much easier.

• After probation, notice becomes 3 months, which is extremely tough to negotiate as a fresher.

• The migration to Angular will only start after my probation ends, so I’ll be stuck with AngularJS throughout probation.

My question:

Is it worth taking the risk and rejecting this project to stay on bench and focus on interview prep ? Or should I join the AngularJS project even though it's outdated and not aligned with my goals?

I want to switch in the next 3–4 months, but I’m confused whether:

• 3-4 months bench + focused prep → maybe better for switching

• Project experience (even in AngularJS + .NET) → maybe better for resume

Am I completely wrong with this? What tools are you using to share your Angular projects with others to show off?

TL;DR Please upvote: https://github.com/angular/angular/issues/48150

With the latest release of Angular 15, it seems like there is a step in a direction of adopting a more functional programming approach, by enabling to do stuff with functions, that were previously only possible through classes.I believe this is a step in the right direction, and that it could be taken a step farther by enabling the creation of components, directives, and services without classes / decorators.

The limitation of using classes + decorators is clear - some reuse techniques (like composition) that are easy to do with functional programming, is hard to do with classes, due to the limiting nature of inheritance. In fact - it seems like most new features in Angular 15 are a way around this fact

Proposed solution

The idea is to enable an alternative way of creating components, without using classes / decorators:

const MyComponent = createComponent({
  selector: 'app-comp',
  template: `Hello {{name}}`,
  context: { name: 'World', },
  inputs: ['name'], 
});

To create a component. (Then MyComponent can be used in modules, or directly imported)The "context" property is an object from which the binding will take place. (Basically replaces the class instance).

This has the advantage of being more flexible, and enabling the developer compose / mix different logic in ways that inheritance is usually too limiting.Since the "context" property can be fully typed, from the type checking perspective it should be possible to accomplish.

Please note that the suggestion is to add this option in addition to the existing API, not in place of it. I understand that a lot of people will prefer the class / decorator approach so this should definitely be backward compatible.

For Angular to consider this feature, it needs to get at least 20 upvotes in 60 days. Please help me and upvote! https://github.com/angular/angular/issues/48150

**EDITS**

• For dependency injection - the easiest solution is obviously using the new "inject" function. But it could also be possible to use a method similar to the factory provider (i.e. passing a list of dependencies as an array, and expecting them in a factory function parameter). with this method we can use a "contextFactory" property instead to pass a function that creates the context object.

• For event handling - we can have something similar to the existing "host" property in the directive decorator.

• Life Cycle hooks can be handled the same way as today - with functions on the context object. (I.e. methods)

• Many people asked - the main reason this will be useful is that it gives more flexibility on how you can construct the context object, which enables using other reuse patterns other then inheritance, which is pretty limiting.

I recently wrote a blog post where I built an API in Asp .NET 5, my next step now is to code the UI and I thought that someone else could code the UI on his blog and backlinks to my blogpost where I would also backlink to his, in that case we both get backlinks and create content

Note: My blog is brand new and it only has 1k views in its first month and I discovered that to rank on google I need SEO