- 10. September 2017
Over the last weeks, I've worked on version 2.1 of my OpenId Connect (OIDC) certified library angular-oauth2-oidc which allows for implementing Authentication in Angular using external Identity Providers that support OAuth 2 or OIDC.
Here are the added features ... [Mehr]
Although tuning an application's performance can be difficult, sometimes all we need to do is laying back and waiting for the next version of the used framework. This especially holds true for Angular as the Core Team is working constantly on improving things under the hoods. A good example for this is the conciser code the Angular Compiler emits beginning with Version 4 or the Angular Bundle Optimizer that transforms code to make it more treeshakable.
On more of this optimization techniques landed with 5.0.0-beta.4 about two weeks ago. It allows the compiler to remove unneeded (consecutive) white spaces from text nodes and to remove even whole text nodes that only contain white space characters. This leads to less code emitted by the AOT compiler and therefore to smaller bundle sizes as well as faster start up times.
In this post I'm describing how to use it, which performance gains I measured when applying to an example application as well as how this approach works under the covers. The example application I've used for this can be found in my GitHub repository. [Mehr]
- 15. August 2017
- Angular, Security
Today, I've released a new version of the angular library angular-oauth2-oidc, which allows for implementing token-based Security using OAuth2/ OpenId Connect and JWTs with Angular.
It provides silent refresh, events and is able to directly validate the signature of received tokens. [Mehr]
If you are wondering how such amazing results are possible, you can find some answers in this article. [Mehr]
- 14. Juli 2017
- Angular, AngularJS
When upgrading from AngularJS 1.x to Angular (2/4/5 etc.), we usually prepare our AngularJS 1.x code base first. This can involve leveraging new AngularJS 1.x techniques like components. Additionally, introducing TypeScript as well as module loaders like SystemJS or webpack are further tasks to prepare the existing code. The goal behind this is to draw near Angular in order to allow a better integration.
But in some situations preparing the existing code is too costly. For instance, think about situations where we just want to write new parts of the application with Angular without the need to modify much of the existing AngularJS 1.x code. When this holds true for your project, skipping the preparation phase could be a good idea.
This post shows step by step, how this approach can be accomplished. Like the official and well written upgrading tutorial which includes preparing the code base, it upgrades the popular AngularJS 1.x Phone Catalog Sample. [Mehr]
Nachfolgend meine Folien und das Beispiel vom Vortrag zu Angular im Enterprise-Umfeld, den ich auf der DWX 2017 in Nürnberg gemacht habe. [Mehr]
Nachfolgend die Folien und Beispiele zum Vortrag "AOT und Tree Shaking mit Angular" [Mehr]
Currently, the Angular team is working hard on making Angular work together with Closure as well as with its build tool Bazel. There are some first examples available, e. g. the Example Alex Eagle from the Angular Team created.
This post uses the mentioned example to show how to use the closure compiler as well as the advantages it brings regarding bundle sizes. Furthermore, this post explains how to add own and existing packages to a Closure based project. [Mehr]
Nachfolgend meine Folien und mein Beispiel von der XPC 2017. [Mehr]
Please find below the slides and the sample from my Talk about Angular I did at We Are Developers in Mai 2017 in Vienna. [Mehr]
Angular is fast by default. In order to make it even faster one can leverage several techniques. In the last months, I've written some article about those techniques. [Mehr]
Nachfolgend meine Unterlagen von der JAX 2017 in Mainz. [Mehr]
The Angular CLI provides AOT compilation out of the box. Under the hoods, it uses the package @ngtools/webpack which provides a loader for compiling TypeScript as well as a Plugin for AOT. One can easily use these mechanisms directly with webpack. [Mehr]
Nachfolgend die Unterlagen zu meiner Session über Performance und Angular [Mehr]
Nachfolgend das Material von meiner Session zu Angular, OAuth2 und OIDC:FolienBeispiel [Mehr]
Mein Material von meiner Angular-Session vom global Azure Bootcamp in Linz [Mehr]
Please find below the material from my talk at ng-conf regarding Lazy Loading and Preloading in Angu [Mehr]
Nachfolgend das Material vom Workshop "Der neue Router für Angular im Detail betrachtet" von den Angular Days, März 2017 in München. [Mehr]