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

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

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

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

Applying Dark Mode Styles in CSS

Learn how to write CSS selectors and tell the browser’s user agent (UA) which theme you prefer as an author, whilst letting the user decide based o...

Todd Motto

May 27, 2022

Detecting Dark Mode in JavaScript

Detect Dark Mode in JavaScript and learn how to watch for changes, so you can update your styles accordingly.

Todd Motto

May 26, 2022

Reverse Object Keys and Values in JavaScript

Easily reverse your object keys and values using the lesser-known but powerful Object.entries and Object.fromEntries.

Todd Motto

May 25, 2022

Using Async Await Inside React's useEffect() Hook

In this post you’ll learn how to use an async function inside your React useEffect hook.

Todd Motto

May 9, 2022

Get 73% off the Angular Master Bundle!

Blog

Inline Template and Inline Styles as Defaults in Angular CLI

Feature Detect the HTML5 JavaScript Drag & Drop API

Stay in the loop.

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

Applying Dark Mode Styles in CSS

Detecting Dark Mode in JavaScript

Reverse Object Keys and Values in JavaScript

Using Async Await Inside React's useEffect() Hook