Blogs and tutorials on Angular, NGRX, TypeScript, RxJS, React and everything web!

Use <ng-container> for Virtual Elements in Angular

In this post you’ll explore what <ng-container> is in Angular and when to use it to build better components.

Todd Motto

Jul 18, 2022

Function Declarations and Expressions

Functions can be created as a “declaration” or “expression”.

Todd Motto

Jul 15, 2022

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

Add CSS Styles to a Host Element in Angular

In Angular we create components, which render a template. Much like Web Components, Angular declares which components to render by using the custom...

Todd Motto

Jul 14, 2022

Active States with Drag Enter and Leave Events in JavaScript

So you’re diving into the world of Drag & Drop APIs in JavaScript, but now it’s time to make things a little more functional for the end user.

Todd Motto

Jul 13, 2022

Inline Template and Inline Styles as Defaults in Angular CLI

I always install new Angular projects and forget all the commands I enjoy as a default.

Todd Motto

Jul 12, 2022

Feature Detect the HTML5 JavaScript Drag & Drop API

I’m a big fan of the simplicity behind the HTML5 JavaScript Drag & Drop API, but it’s one of the slightly newer APIs that’s well worth feature ...

Todd Motto

Jul 11, 2022

Create Standalone Components with the Angular CLI

Angular v14.x brings standalone components and therefore full Angular CLI support, so we’re going to dive into this new feature to see what the CLI...

Todd Motto

Jul 8, 2022

Use Intersection Types to Combine Types in TypeScript

TypeScript allows us to not only create individual types, but combine them to create more powerful use cases and completeness.

Todd Motto

Jul 7, 2022

Create Source Maps in TypeScript: Inline or File

Source maps are excellent for debugging purposes and allow us to pinpoint the exact file(s) and lines of code when working in a compiled, minified ...

Todd Motto

Jul 6, 2022

Lazy Load Standalone Components with "loadComponent"

Version 14.x of Angular introduces this fantastic concept of “standalone components” and changes the way we can optimize for performance via lazy-l...

Todd Motto

Jul 5, 2022

Typing "this" Keyword in TypeScript

Using the this keyword in JavaScript often trips developers up, whether they’re a beginner or more experienced.

Todd Motto

Jul 4, 2022

Get 73% off the Angular Master Bundle!

Blog

Use <ng-container> for Virtual Elements in Angular

Function Declarations and Expressions

Stay in the loop.

Add CSS Styles to a Host Element in Angular

Active States with Drag Enter and Leave Events in JavaScript

Inline Template and Inline Styles as Defaults in Angular CLI

Feature Detect the HTML5 JavaScript Drag & Drop API

Create Standalone Components with the Angular CLI

Use Intersection Types to Combine Types in TypeScript

Create Source Maps in TypeScript: Inline or File

Lazy Load Standalone Components with "loadComponent"

Typing "this" Keyword in TypeScript