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

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

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

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

Angular Loading Spinners with Router Events

In this post you’ll learn how to create a loading spinner that will show and hide based on your application’s loading state. To achieve this, we’ll...

Todd Motto

Nov 8, 2021

Navigate to a URL with Query Strings (Search Params) in React Router

React Router has a useSearchParams hook to help us read or update the query string of a route that’s active, but it doesn’t allow us to transition ...

Todd Motto

Nov 7, 2021

Get 73% off the Angular Master Bundle!

Blog

Applying Dark Mode Styles in CSS

Detecting Dark Mode in JavaScript

Stay in the loop.

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

Angular Loading Spinners with Router Events

Navigate to a URL with Query Strings (Search Params) in React Router