What’s new in Angular CLI 1.3? | Ninja Squad

Angular CLI 1.3.0 is out with some nice new features!It now officially supports ES2017 and TypeScript 2.4 and is ready for Angular 5 (which should be out shortly).You can check out what files you need to update using angular-cli-diff, for example if you are currently using 1.2.1: angular-cli-diff/compare/1.2.1…1.3.0Let’s see what new features we have!

Source: What’s new in Angular CLI 1.3? | Ninja Squad

How to manually bootstrap an Angular application – Angular In Depth

Angular has a concept of the running application instance that you can usually inject using ApplicationRef token. There potentially can be many applications on one platform. Each application is created from the module using bootstrapModule method. This is exactly the method that is used in main.ts. So the statement shown in the docs first creates a platform and then the application instance.

Source: How to manually bootstrap an Angular application – Angular In Depth

Shayne Boyer: Angular 2 : Organization Using {barrels}

The import statements in Angular 2 can get pretty cumbersome if you’re using a lot of services, models, directives etc in any specific component. Looking at the basic “QuickStart”, the app.component.ts doesn’t seem very obtuse. import {Component} from ‘angular2/core’; @Component({ selector: ‘my-app’, template: ‘

Source: Shayne Boyer: Angular 2 : Organization Using {barrels}

10 TypeScript Features You Might Not Know · Moin World!

Recently TypeScript is increasingly gaining popularity and companies like Slack are praising their move to TypeScript

. But with TypeScript shipping monthly updates to the language and its tools even a regular TypeScript developer might lose track of what is being added.

Here is a list of 10 of my favorite recent additions to the language since version 2.X:

Source: 10 TypeScript Features You Might Not Know · Moin World!

Angular: Angular Material Status Update

In the six months since our last post about Angular Material, the team been hard at work building cool new components and applying a heaping of polish. Some of the highlights include:

  • Datepicker, expansion panel, and accordion components
  • Improved support for @angular/platform-server
  • Configurable scrolling strategies for Overlays
  • Strict-null checks and no-unused-params compliance
  • Typography extension to theming
  • Live theme-picker on material.angular.io
  • Lots and lots of bug fixes

Source: Angular: Angular Material Status Update

Creating Reusable Components with NgTemplateOutlet in Angular

The single responsibility principle is the idea that pieces of your app should have one purpose. Following this principle makes your Angular app easier to test and develop. In this post we will be breaking a CardOrListViewComponent into 🐊 bite-sized pieces with the help of NgTemplateOutlet. Using NgTemplateOutlet instead of creating specific components allows for components to be easily modified for various use cases without having to modify the component itself!

Source: Creating Reusable Components with NgTemplateOutlet in Angular

The New Chrome DevTool Feature You Want to Know About

The Chrome development teams work on features and improvements that make our browsing and developing experience better. The Google I/O 2017conference took place at April and there are significant tidings. A part of them is about the DevTool, so it affects us as web developers that use chrome. Chrome 60 is coming with many new features and changes in the DevTool. The “WOW” feature is the new Audits panels.

Source: The New Chrome DevTool Feature You Want to Know About

ViewChildren and ContentChildren in Angular – Minko Gechev’s blog

In this article I’m going to explain the difference between the concepts of view children and content children in Angular. We will take a look at how we can pass access these two different kinds of children from their parent component. Along the content we are also going to mention what the difference between the properties providers and viewProviders of the @Component decorator is.

Source: ViewChildren and ContentChildren in Angular – Minko Gechev’s blog