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

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

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

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

Angular Template Reference Variables In-Depth

In this post you’ll learn how to use Template Reference Variables, often known as “Template Refs”, in Angular.

Todd Motto

Feb 23, 2022

Optimize Enums in TypeScript with "const"

Using Enums in TypeScript is a great way to access particular parameters that are meant to be shared across multiple files, for example access leve...

Todd Motto

Nov 25, 2021

Getting Query Strings (Search Params) in React Router

Reading Query Strings, otherwise known as Search Params, from the URL is a common practice in web application development and you’re going to learn...

Todd Motto

Nov 12, 2021

Redirect Default or 404 Routes with React Router

React Router provides the <Route> element for us to easily declare routes for rendering when a particular path matches in the URL. But let’s ...

Todd Motto

Nov 11, 2021

Active NavLink Classes with React Router

React Router provides the <NavLink> element for us to declaratively navigate around our applications, it renders an <a href=""> for us ...

Todd Motto

Nov 9, 2021

Get 73% off the Angular Master bundle

Blog

Lazy Load Standalone Components with "loadComponent"

Typing "this" Keyword in TypeScript

Stay in the loop.

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

Angular Template Reference Variables In-Depth

Optimize Enums in TypeScript with "const"

Getting Query Strings (Search Params) in React Router

Redirect Default or 404 Routes with React Router

Active NavLink Classes with React Router