What’s New In Angular 17?
In early 2023, Sarah Drashner, Google's Engineering Director and head of the Angular team, coined the term "Angular Renaissance" to describe the renewed focus on the framework for developing modern JavaScript applications over the last seven years.
Custom Standalone APIs for Angular
Together with standalone components, the Angular team has introduced the so-called standalone APIs. They provide a simple solution for library setup and do not require Angular modules. Popular libraries that already implement this concept include the HttpClient, Router, and NgRx. These libraries are based on several patterns that we find beneficial in our own projects. They also provide our library users with familiar structures and behaviors. In this article, I show three such patterns that I derived from the libraries mentioned.
Svelte vs Angular vs. React vs. Vue – Who wins?
Right now, there’s really no shortage of frontend frameworks. In addition to the top dogs Angular, React, and Vue, a fourth framework, Svelte, is shaking up the market.
No Angular SPA without routing – Angular Tutorial – Part 5
Efficient, simple, and scalable—that's how developing a web application should be. Since 2014, Google's Angular platform has been aiming to do just that. In this series, I’d like to introduce you to developing an Angular application and its concepts and best practices. They will be embellished with many code examples, tips, and tricks on how to achieve your goal of a maintainable web application with Angular.
Observables: Reactive with RxJS – Angular Tutorial – Part 4
Reactive programming is a paradigm that’s increasingly found its way into the world of front-end development in recent years. Essentially, it’s about processing data streams and reacting to processing. The Reactive Extensions for JavaScript (RxJS) library takes this idea and implements it. Since Angular relies on RxJS in many places, we need to take a closer look at the framework and its underlying principles.
Angular’s Data Layer – Angular Tutorial – Part 3
The third part of this series is about Angular Services. We’ll see how we can use a service in a component and look at the basic mechanisms of dependency injection.
The building blocks of an Angular app – Angular Tutorial – Part 2
From the basics to the first features: How do you create Angular components that can exchange data with each other? That's what the second part of the big Angular tutorial is about. We'll also take a look at how to filter the output data.
Angular for beginners – Angular Tutorial – Part 1
If you want to develop a single page application for the web, frameworks like Angular are indispensable. The current State of JS also shows a clear increase in the popularity of Angular. While only 20 percent of respondents opted for the framework in 2016, this figure has more than doubled to 56 percent in 2020.
The road ahead: A look at Angular’s roadmap
The new roadmap includes necessary maintenance work, as well as a few features that bring a breath of fresh air. In general, there is a focus on evolutionary further development. This is very much in line with what large enterprise projects need.
Innovations in Angular 10
As a maintenance release, Angular 10 mainly includes bug fixes and tooling enhancements. For example, a new strict mode uses stricter compiler checks and the CLI now warns when using CommonJS bundles that are difficult to optimize.
Angular 9 brought the long-awaited Ivy compiler, which the team worked on for about two years. Now, work on version 10 was used to clean up. So, this is primarily a maintenance release with numerous bug fixes and internal improvements. Nevertheless, Angular 10 also has a few nice additions to offer. This article is all about those.
If you want to upgrade an existing application to Angular 10, all you have to do is run ng update:
ng update @angular/cli @angular/core