The Angular Magazine

By Dan Wahlin | All about Angular! Tweet article suggestions to @DanWahlin.

Managing State in Angular 2 Apps with ngrx/store

[special]The components we build for our web applications often contain state. Connecting components can lead to sharing mutable state: this is …

Component architecture recipes for Angular’s reactive forms

Component architecture is the fundamental building block of applications, and isn’t just limited to Angular. Building with components allows for …

JavaScript

Fullstack example codebases for React, Angular 2, AngularJS, Node, Rails, Django, and more

What is this?<p>RealWorld is a collection of exemplary frontend and backend codebases that demonstrate how to build real world, full stack …

JavaScript

Why TypeScript Is Growing More Popular

Why is TypeScript getting so popular? Key development frameworks depend on it and it improves developer productivity in the ever-changing JavaScript …

JavaScript

Create a Serverless Angular App with Azure Functions and Blob Storage

As DevOps continues to blur the lines between traditional IT operations and development, platforms and tools are rapidly evolving to embrace the new …

Cloud Computing

Reactive Forms in Angular: Listening for Changes With valueChanges

Reactive form instances like <b>FormGroup</b> and <b>FormControl</b> have a <i>valueChages</i> method that returns an observable that emits the latest values. You can …

Angular Material: Creating a Custom Theme

In our introduction to Angular Material 2, we showed how to use one of the pre-built themes, but it’s just as easy to create a custom theme. This …

JavaScript

Reactive Forms in Angular: Dynamically Creating Form Fields With FormArray

So you have a form and would like to add form fields dynamically from a response to a user event? It’s easy to do with Reactive Forms and <i>FormArray</i>. …

Angular Upgrade Guide

Speaking Engagement - 2017-04-07 Best Practices

Mad science with the Angular Compiler - MINKO GECHEV

Announcing ngrev - Reverse Engineering Tool for Angular

Have you ever been hired to work on a huge legacy Angular project with thousands of NgModules, components, directives, pipes and services? Neither do …

JavaScript

Docker: What Every Angular Developer Should Know About It! - Dan Wahlin

AngularDoc

Angular v4: Hybrid Upgrade Application

Angular version 4 is out and now we can enjoy it’s benefits. As explained in the Top 8 Resources to Explore Angular 4, the advantages of the version …

The Power of Structural Directives in Angular

What’s a Structural Directive?<p><i>A Structural directive changes the DOM layout by adding and removing DOM elements.</i><p>The two most common structural …

Angular 4.0.0 Now Available

Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our announced adoption of Semantic Versioning, and …

VS Code Tips and Tricks

Table of Contents<p>Basics<br>• Customization<br>• Extensions<br>• File and folder management<br>• Editing hacks<br>• Intellisense<br>• Snippets<br>• Git integration<br>• Debugging<br>• Task runner<br>• Other …

Linux

Testing Routes in Angular 2

Dive back into Angular 2, and learn how to test routes in a new tutorial in our series on test-driven development with Angular 2 and Webpack.<p><b>Brought</b> …

dotnet new angular to Azure with Docker using CLI

Visual Studio 2017 has been released and the features are great for Windows developers. However along with it comes .NET Core 1.0 tooling and large …

Software Development

TypeScript 2.2: The object Type

TypeScript 2.2 introduces a new type called object. It represents any non-primitive type. The following types are considered to be <b>primitive types</b> in …

JavaScript

Angular and Horizon for realtime application

Sharing is caring!<p>shares<p>I’ve always been fascinated by realtime data but at the same time scared about the quantity of code that you need to write to …

Three things you didn't know about the AsyncPipe

Angular Master Class in Freiburg<p>Join our upcoming public training in Germany!<p>Contents are based on Angular version <b>>= 2.x</b> unless explicitely stated …

Getting started with Angular's Router

Angular’s router acts as the main hub of any application, it loads the relevant components relevant to the route requested, as well as dealing with …

JavaScript

Angular 2 Change Detection: “Seeing” It in Action

The Angular 2 change detection system is somewhat of a black box: you update some variables in the model, and the components update automatically. …

JavaScript

Angular-split library

Catalog of Angular 2+ components libraries

Overlay<p>Overlay / modal / alert / dialog / lightbox / popup<p>Popover<p>Show a little dialog next to an element<p>Parallax<p>Parallax effect while …

Web Development

Building Single Page Applications on ASP.NET Core with JavaScriptServices

<i>This is a guest post by Steve Sanderson</i><p>These days, many developers are building Single-Page Applications (SPAs) using frameworks such as Angular or …

JavaScript