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

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

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

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

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

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

Get 73% off the Angular Master bundle

Blog

Create a Group By Function with Array.prototype.reduce

Group Array of Objects with Array.prototype.group

Stay in the loop.

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

Create Source Maps in TypeScript: Inline or File