Angular is a popular open-source JavaScript framework developed and maintained by Google. It is used for building complex web applications and single-page applications. With regular updates and improvements, Angular constantly introduces new features and enhancements to make development easier and more efficient. In this tutorial, we will delve into what’s new in Angular and explore some of the latest and most exciting features.
1. Angular Ivy: One of the major changes in Angular is the introduction of Ivy renderer. Ivy is a new rendering engine that has been developed to replace the previous ViewEngine. Ivy offers better performance, smaller bundle sizes, improved debugging capabilities, and enhanced template type checking. With Ivy, Angular applications should run faster and be more efficient.
2. Angular Elements: Angular Elements is a feature that allows you to create reusable Angular components and use them in any web application, regardless of the framework. This means you can develop Angular components and package them as custom elements that can be used in different projects or platforms like React or Vue. Angular Elements make it easier to share and reuse Angular components across different environments.
3. Differential Loading: Angular now supports differential loading, which means it can generate separate bundles for modern browsers and legacy browsers. This allows older browsers to load smaller and faster bundles tailored to their capabilities, while modern browsers can benefit from more optimized and efficient code. Differential loading can help improve the performance of your Angular applications and provide a better user experience for all users.
4. Improved Router Performance: Angular’s router has undergone significant improvements to enhance performance and reduce bundle size. The router now uses lazy loading by default, which means that only the necessary modules and components are loaded when navigating to a particular route. This can result in faster loading times and improved overall performance of your Angular applications.
5. Angular CLI Schematics: Angular CLI now includes schematics, which are code generation tools that help you create common project structures, components, services, and other artifacts. Schematics make it easier to scaffold new parts of your application quickly and consistently. You can also create custom schematics to automate repetitive tasks and streamline your development workflow.
6. Angular Material: Angular Material is a library of UI components that follows Google’s Material Design guidelines. The latest version of Angular Material includes new components, themes, and features to help you build responsive and visually appealing web applications. With Angular Material, you can easily add pre-designed components like buttons, cards, menus, and dialogs to your Angular projects.
7. Improved ng update: Angular CLI now includes an improved ng update command that automates the process of updating Angular dependencies and packages. This makes it easier to keep your Angular projects up-to-date with the latest releases and security patches. The ng update command also provides guidance on how to resolve any compatibility issues that may arise during the update process.
In conclusion, Angular is constantly evolving and introducing new features to improve performance, productivity, and user experience. By staying up-to-date with the latest enhancements and changes in Angular, you can take advantage of these new features to build better and more efficient web applications. I hope this tutorial has given you a good overview of what’s new in Angular and how you can leverage these features in your projects.
So Signals are basically events. Seems like should have been done this way from the start.
You know what else is new? The lack of jobs!
who did the audio though it sounds horrible
Big lover of RxJS here, but to be fair, because of its (initial) complexity Angular have not been able to catch up with React's popularity. I am glad they're making it optional.
Would appreciate FormGroup with signals .
Excelente herramienta de crom de Chrome, felicitaciones
I notice an obsession with efficiency in rendering "text", but these days what people consume most is video.
Something that's really interesting and not specifically highlighted is that Angular is slowly getting rid of decorators. I'm a fan of decorators but it seemed like a vulnerability for Angular.
The reason is that Angular is using the experimental decorators and not the TS 5 decorators. The TS5 decorators are more aligned with the EcmaScript proposal for decorators. So I've always wondered what would happen to Angular if Typescript decides to deprecate the experimental decorators
big kudos for the new feature of Angular, but guys, please do a better presentation, avoid this sonnet recitation of three in robotic style, you're not playing Macbeth of Shakespeare
Angular is so awesome
26:00 Is there ongoing work to help ESBuild reduce the bundle size?
React and next js better
you could trash out rxjs from ang interceptor and other libs so we don't have to use it.
ang is the best
A someone who started with angular quite recently (approx 3 months), Shall I put my efforts on RXJS or not? I already see very less resources on angular and I'm not very sure about what things to go with. If anyone with some relevant experience then please leave a suggestion.
A new messup with RxJS on the way
input.required <boolean>() what is this syntax..it should have been input<boolean>.required ()
Fraud
Why would we need al those features if you spend almost half of Google I/O trying to convince us that AI is taking over not only our lives but our work as well 🙂
Just give us angular AI already.
The only useful part of Angular is data/ui binding in my opinion. Please see the new "features" as liabilities while they might be assets.