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

Angular Constructor versus OnInit

In this article you’ll learn the different between OnInit (the ngOnInit lifecycle hook) versus the constructor inside of a TypeScript class, and ho...

Todd Motto

Jul 21, 2022

Create a Group By Function with Array.prototype.reduce

Learn how to write a custom group by function in JavaScript by using Array.prototype.reduce.

Todd Motto

Jul 20, 2022

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

Group Array of Objects with Array.prototype.group

In this post you’re going to learn how to group an array of objects with the upcoming Array.prototype.group method.

Todd Motto

Jul 19, 2022

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

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

Get 73% off the Angular Master Bundle!

Blog

Angular Constructor versus OnInit

Create a Group By Function with Array.prototype.reduce

Stay in the loop.

Group Array of Objects with Array.prototype.group

Use <ng-container> for Virtual Elements in Angular

Function Declarations and Expressions

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