The Angular Magazine

Clarity Design System

Product-based<p>We work closely with product teams to understand and solve the vast array of challenges they face. These solutions are built into …

Learn RxJS in 60 Minutes for Beginners - Free Crash Course

ngrx-generator

Save yourself the headache of Redux boilerplate<p>Getting Started<p>Install it via npm:<p>By default, it will create the templates in the current directory. …

Angular Tests Made Easy With Spectator – Netanel Basal

Writing tests for our code is part of our daily routine. When working on large applications with many components, it can take time and …

Angular Trainings and Workshops from Insiders

• 20. März 2018<p><b>Table of Contents</b><p>This blog post is part of an article series.<p>Thanks a lot to Hans Larsen from the Angular CLI team for reviewing this …

A multi-player server-side GameBoy Emulator written in .NET Core and Angular

One of the great joys of sharing and discovering code online is when you stumble upon something so truly epic, so amazing, that you have to dig in. …

cypress-io/cypress: Fast, easy and reliable testing for anything that runs in a browser.

Documentation | Changelog | Roadmap<p>The web has evolved. Finally, testing has too.<p>Fast, easy and reliable testing for anything that runs in a …

Advanced caching with RxJS

When building web applications, performance should always be a top priority. There are many things we can do to speed up our Angular applications …

Redesigning Redux

Shouldn’t state management be a solved problem by now? Intuitively, developers seem to know a hidden truth: state management seems harder than it …

Dockerizing an Angular App

Docker is a containerization tool used to streamline application development and deployment workflows across various environments.<p>This tutorial shows …

Creating a Blogging App Using Angular & MongoDB: Home

In the first part of the tutorial series, you saw how to get started with creating an Angular web app. You learnt how to set up the application and …

Hidden Gems of TypeScript compiler by Vincent Ogloblinsky

<b>VINCENT OGLOBLINSKY</b><p>@vogloblinsky<p><b>Vincent Ogloblinsky</b><p>Frontend software architect<p>SII Ouest - France<p>@vogloblinsky<p>Agenda<p>What is a compiler?<p><b>Type</b>Script …

A quick intro to Angular Ivy

Angular recently announced a new render engine called Ivy.<br>Ivy is an amazing present from Angular team! It produces hello-world app in mere 3.2KB, on …

Styles Between Components in Angular 2+

With Angular 2+, component styles are protected and won’t bleed unto other components by default. That’s thanks to the View Encapsulation with Shadow …

NgRx 5 and Schematics

Today we are announcing the next major release of the NgRx platform of libraries. NgRx version 5 brings fixes, new features and a new library to the …

Run Angular CLI repos directly in your browser

Github is the source of truth for most Angular demos, examples, prototypes, and “real world” projects. However, downloading & initializing these …

Introducing GeoStrike (Alpha) – an in browser georeferenced multiplayer 3D shooting game

TL;DR<p>We developed an alpha version of a browser-based 3D shooting game. We are all so excited about it because the shooting game purely runs inside a …

Ivy Renderer (beta) · Issue #21706

New issue<p>Ivy Renderer (beta) #21706<p>Open<p>opened this IssueJan 22, 2018· 28 comments<p>21 participants<p>added this to the v6.0 milestone Jan 22, 2018<p>assigned …

Schematics — An Introduction

Schematics is a workflow tool for the modern web; it can apply transforms to your project, such as create a new component, or updating your code to …

Angular Elements demo

This project is a first try of using the experimental @angular/elements.<p>It uses Ahead of Time Compilation provided by @ngtools/webpack.<p>The bundle …

Custom Environments in the Angular CLI

Custom environment variables are something that we all use to conditionally set options in our application. Angular comes with a dev and prod …

Debugging Electron Memory Usage

This past week I was working on an image browser I’ve been building in Electron, namely trying to figure out why it would hold onto a bunch of memory.<p>…

Theory of RxJS Slides

JavaScript End to End Testing Framework

I am calling it now... https://t.co/7IfXnMhLbb will be the biggest game changer in UI testing since webdriver https://t.co/Z4P8wrVWwj<p>I am loving …

parcel-plugin-angular

AOT compilation : using the official Angular compiler for smaller and faster applications.<p>Lazy Loading : the plugin automagically splits your Angular …

Everything you need to know about change detection in Angular

Exploring the underlying implementation and use cases<p>If like me and want to have a comprehensive understanding of the change detection mechanism in …

Demystifying dynamic Forms in Angular

Heared about reactive Angular forms? Maybe even about dynamic forms? Never tried because you think it’s too complicated to setup and an overkill for …

Angular 5.2 Now Available

Angular version 5.2.0 has been released. This is a minor release that is a drop-in replacement for 5.1 containing many bugfixes.<b>What’s new?</b>• <b>Improved</b> …

Creating Progressive Web Apps with Angular — Part 1

Progressive web applications are the new <b>standard</b> in this modern era of web development. They’re pure web applications built with the very web …