Angular 14 features: videos & tips

A collection of videos and tips about the most interesting features introduced by Angular 14: standalone components, ng completion, typed forms (coming soon), DI new features and more.
The list is not complete and I will gradually update in the next weeks.

All videos are just quick tips, so they are very fast and, for this reason, they are suitable for developers who are already familiar with the framework.

Install Angular 14

Since the Angular current version is 13.x, if you want to try some of the new interesting features introduced by the version 14, you must install the release candidate of the CLI using the following command:

Angular 14 & Standalone Components

In this video I show you one of the most interesting features introduced by Angular V14: standalone components.

Standalone components can be used by the framework without needing to be declared in any module, they can be lazy-loaded, they can import other modules and much more.
In the video we will also explore a couple of new features provided by the router.

How to create Angular (14) applications without ngModules (by using Standalone Components)

In the next video I describe how to create an Angular application without ngModules, that only use standalone components.

We’ll also see :

➡️ application bootstrap with standalone components
➡️ how to use standalone components and directives in other components
➡️ how to handle dependency injection
➡️ create routes, nested routes and navigation
➡️ lazy loading with standalone components

Angular 14: ng completion

ng completion is a new cool feature introduced in Angular CLI version 14 that allow you to add real-time type-ahead autocompletion in your terminal (bash or zsh).

The “inject” function

In this short video I will show you some tricks to use the new “inject” feature provided by Angular 14, a utility to inject a token from the currently active injector. Topics:

• How to use the inject function
• Built-in and custom Services
• Injection Token
• useFactory
• use inject in functions

You can find more videos about Angular, React, Lit and several web technologies on my YouTube Channel and you may also be interested in my Twitch Channel.