Matt Smith

I used destructuring every object in JavaScript.

Not every JavaScript function needs to be async.

createUser(user, true, false) works.

JavaScript chaining looks clean at first, but it can hurt readability and hide extra work.

A quick React tip: don't lift state by default.

JSON imports finally work natively.

Why instanceof error fails across realms in JavaScript, and how Error.isError() fixes it.

JavaScript is getting explicit resource management.

Do less work in JavaScript: lazy data pipelines with iterator helpers instead of arrays.

Modern React has moved beyond overusing useEffect.

Use JavaScript's 'cause' property to chain errors, preserve context, and simplify debugging.

Struggling with 'await' in loops?

Ditch the reduce() boilerplate!

Learn how Array.prototype.findLast() and findLastIndex() let you search JavaScript arrays from the end—no .reverse() required.

Learn how to safely sort, reverse, and splice arrays in JavaScript using ES2023 methods toSorted(), toReversed(), and toSpliced().

Learn how Promise.any() helps you handle multiple promises by resolving with the first success, perfect for fallback APIs and progressive features in JavaScript.

Logical assignment operators streamline conditional assignments in JavaScript, making your code cleaner, safer, and easier to read.

JavaScript's 'Array.fromAsync()' offers a concise alternative to 'for await...of' when working with async iterables and streams.

Say goodbye to manual fallbacks!

Modern JavaScript is evolving.

Avoid runtime errors and write cleaner JavaScript with optional chaining, a powerful way for safely accessing deeply nested properties.

Learn how JavaScript's 'at()' method simplifies array and string indexing with cleaner syntax, negative indexing, and broad browser support.

Learn how the spread and rest syntax in JavaScript can power up the front-end, from array handling to React state updates, with tips every developer should know.

Learn the key differences between 'map()' and 'forEach()' methods in JavaScript, when to use each, and why map() is often the better choice for transforming data and writing cleaner, more functional code.

The nullish coalescing operator ('??')

Learn why using 'unknown' instead of 'any' in TypeScript leads to safer, more maintainable code.

WebKit handles 100vh in a way that differs from other browsers, which can complicate some layouts.

Sometimes you need JavaScript to target specific selectors in the DOM.

Phone number links are a great feature but styling them to not show on larger screens can be an accessibility concern and detected by screen readers.

When setting line-height in CSS, a common mistake is to pass a specific unit for the value.

Front-end development has many skills associated with it, and it's been my experience that the role is often misunderstood.

Browsers have built-in CSS for native styling.

It's not necessary to add line height to each separate textual element.

Not every method in JavaScript's Date object returns a zero-based number.

There are many different solutions for responsive images, but video is a media element that's often ignored in fluid layouts.

There are a few different ways to manage responsive type on the web.

If a hyperlink doesn't have a text value, use CSS attribute selectors to insert the href value in its place.

If you're new to math methods in JavaScript here are a few words about Math.floor and Math.random and a fun way to use them to build a custom text generator.

Allowing users to view the password they've entered helps avoid frustration and improve engagement.

Here's an effect that you may have seen but not realized that can be done with some straightforward CSS.

Data tables on the web are used to communicate important information to a user.

Accessibility is a key piece to building the web, but for some reason using labels is considered unattractive.

Icon fonts are a very popular visual web asset today.