zmit

70 Flips | 3 Magazines | 5 Likes | 2 Following | 5 Followers | @zmit | Keep up with zmit on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “zmit”

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 …

Reactive Forms in Angular: Listening for Changes

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 …

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>. …

Announcing ngrev - Reverse Engineering Tool for Angular

<b>Deeply understanding our codebase</b> can help us optimize our application in terms of bundle size or even runtime performance. Imagine we have a huge …

How To Secure Your Web App With HTTP Headers

Web applications, be they thin websites or thick single-page apps, are notorious targets for cyber-attacks. In 2016, approximately 40% of data …

Cybersecurity

Angular v4: Hybrid Upgrade Application

<b>This article</b> <b>originally appeared on</b> <b>dormoshe.io</b><p>Angular version 4 is out and now we can enjoy its benefits. As explained in the Top 8 Resources to …

The Power of Structural Directives in Angular – Netanel Basal

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 …

Building maintainable Angular applications

We’ve been using Angular since beta 16. After putting a few projects into production, we’ve come up with a set of ground rules to help build …

JavaScript

Making your Angular apps fast

Angular claims to be very fast by default. What does “fast” really mean? Of course, this always depends on the context. What does our application do? …

JavaScript

Understanding AOT and Dynamic Components

<i>This is a guest post from Sean Landsman at ag-Grid. Sean is the lead engineer on ag-Grid's Angular integration. -- Stephen Fluin</i><p>Motivation<p>ag-Grid is …

Combining Webpack and TypeScript to publish component libraries over npm — part 1

Introduction<p>In this article: I will show you a seamless workflow to share your Typescript component library over npm. I will teach you time-saving …

Distributing an Angular Library - The Brief Guide

In order to keep the module tree-shakable, we need to distribute it in a way that it uses ES2015 modules (also known as esm). By having it in this …

Angular: Is AOT Worth It?

Much of Angular’s magic is in its compiler, both in Angular 1 and Angular 2. The compiler is what takes an application’s directives and components, …

typescript 2.0

Saturday, November 19, 2016<p>JavaScript is the future: client, server, database, node modules, addons<p>Typescript is syntactic sugar for …

Custom validators in template driven Angular forms

Angular version 2+ has two different kind of Forms API, the reactive and template driven approach. In this article we will focus on the template …

APIs

Easy Angular Authentication with JSON Web Tokens

<i>Stateless authentication is a great fit for Angular apps. In this post, guest-blogger Ryan Chenkie from Auth0 talks about implementing it using JSON</i> …

Versioning and Releasing Angular

In order for the ecosystem around Angular to thrive, developers need stability from the Angular framework so that reusable components and libraries, …

Using the New Release of Angular 2’s Router 3.0.0

I wrote about Angular’s Router (v 3.0.0 beta 2) about few months ago (link to post), but now that Angular 2 did it’s final release, yay! Which also …

.NET CORE 1.0, MVC6 & ANGULARJS2 - STARTUP

<b>Table of Content:</b><p>Setup Environment<p>Overview on ASP.Net<p>Start with .Net Core 1.0.<p>Explore Initial Template (Empty)<p>How to Add MVC6<p>AngularJS2<p>Manage …

Using Angular 2’s Template-Driven Forms

Since Angular RC.2, Angular has introduced <b>new forms modules</b> and deprecated the existing one. With the new forms module, we can build forms with even …

Using Angular 2’s Model-Driven Forms with FormGroup and FormControl

Since Angular RC.2, Angular has introduced <b>new forms modules</b> and deprecated the existing one. With the new forms module, we can build model-driven …

Web Development

This single-storey house in Poland, clad almost entirely in cedar planks, has an amazing suspended fireplace

Mariusz Wrzeszcz’s single-storey house in Poznan, Poland has cedar walls both inside and out<p>Architecture office Mariusz Wrzeszcz has designed this …

Architecture

​Inside an Oceanfront Hawaiian Home with Natural Accents​

For the interiors of this new home in Wailea on Hawaii's Maui island, designer April Powers took inspiration from the idyllic oceanfront setting, …

Cold vs Hot Observables

One of the most exciting topics around Angular is its relationship to Observables. It’s such an essential part of the framework that we cover a fair …

Get Your Angular 2 On: Upgrading from 1.5

"So much of what’s new and exciting about Angular 2 is its new way of thinking rather than its new architecture," says Toptal Freelance Developer …

JavaScript

Component-Relative Paths in Angular

Component-based development is Angular’s <i>most-loved</i> feature. By now you should be familiar with using the @Component decorators to create components. …

Drag and Drop in Angular 2 using Native HTML5 API – Mithun Patel – Medium

Drag and Drop in Angular 2 using Native HTML5 API<p>Before I start, I have to come clean — up until very recently I had no idea about the inner workings …

Easier Web Application Debugging with the Command Line API

Many years ago, debugging a JavaScript code base was all about console.log() calls sprinkled in one or more functions under investigation. Sometimes …

RxJS 5 Operators By Example

⚠️ <b>UPDATE: I have moved the contents of this gist plus more to http://www.learnrxjs.io and https://github.com/btroncone/learn-rxjs. For expanded</b> …