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
How to create your own Angular Schematics
Angular Schematics gives us a way to create custom actions, similar to those provided by the Angular CLI. Schematics are used by many Angular libraries to simplify their usage.
Real-Time in Angular: A journey into Websocket and RxJS
Real-time is an interesting topic to consider these days. The demand for real-time functionality to be implemented in modern web applications has grown tremendously. The sooner you have the data, the quicker you can react and make decisions. Thus, the chance for higher profits is huge. In this article we will discuss how to implement this real-time feature in your Angular application using WebSocket and RxJS.
Angular Code Smells
Writing frontend applications is a complex process, it involves lots of difficult scenarios, a myriad of tools and, of course, browser support. But leaving that aside, keeping a high-quality codebase that is maintainable over the long term is just as complicated. In this article, we aim to give you a list of the most villainous coding smells you might run into when writing Angular apps, and the respective solution or alternative.
Angular <3 Bazel: A new star is born?
With Bazel, a new build tool has emerged in the already rich universe of developer tools: A rising star on the horizon that we have all been waiting for. Uh, have we?
How to develop GraphQL frontends with Angular and React
GraphQL, the web API query language developed by Facebook, has been gaining attention for several years now. But while a lot of articles on the subject examined the server-side in detail, the client itself got less attention. This article will focus on the usage of a GraphQL interface in the frontend, while also taking a closer look at both Angular and React.
Web Components & Micro Apps: Angular, React & Vue peacefully united?
Angular, React, Vue or some other framework: Which one are you going to use on your next project? The JavaScript ecosystem offers so many choices and all of them have their pros and cons for any given project, making it difficult to choose just one. But there is a solution to that: With micro apps and web components, you can use whatever works best for any single part of your project.
Where no man has gone before
Angular Elements provides Web Components and enables lightweight scenarios such as integration into existing applications, CMS, or Micro Apps. The new Ivy compiler takes care of bundles that are as lean as possible.
Implementing cross-cutting concerns with Angular
Cross-cutting concerns are these annoying, mostly technical requirements that have to be considered time and time again for things like authentication, logging, or error treatment. Of course, no one wants to have to repeat method calls necessary for these all the time. Ideally, they are activated automatically. In this article, I will demonstrate three different Angular mechanisms that make this possible in an elegant way: Guards, HTTP Interceptors, and Directives. All of the examples shown can be found in the GitHub repository [1].
Build, Test and Deployment with Angular and GitLab CI
Using a continuous integration (CI) server for backend systems has been an established best practice for a very long time. As the complexity and the scope of modern web frontends increases, so does the need for professional development techniques. This includes working with test-driven development, CI servers, and automated processes. In this article, we will use an example of Angular and GitLab CI to see how build automation can be implemented.