Snippets

These are a collection of tips and tricks you can use to improve the performance and readability of your code.

Filter by category

All90
CSS3
General4
JavaScript78
React4
TypeScript1
TypeScript

One-or-the-other properties

We sometimes need a type in which only one of two mutually exclusive properties can be set. Setting either property is fine, setting both isn’t.

Read full article
React

Fetching data asynchronously in useEffect

To asynchronously fetch data in a React component using hooks, we can define and then call an asynchronous function inside of useEffect.

Read full article
JavaScript

Destructuring the console object

Just as we can destructure all other objects, we can destructure functions like log() and warn() directly out of the console object.

Read full article
JavaScript

Getting the largest number from an array

To find the largest value in an array of numbers, we can spread that array into Math.max() instead of manually iterating over it.

Read full article
JavaScript

Checking if something is an array

There is no “array” type in JavaScript. To check if something is an array, we can use a helper on the Array prototype.

Read full article
JavaScript

Catching unknown keys in lookup tables

Lookup objects can replace long if-else and switch statements. Checking if a key exists before accessing it makes them more resilient.

Read full article
JavaScript

Quickly finding objects in large arrays

Finding an object with a specific property is slow in large arrays. We can speed this operation up by transforming the array to a lookup object.

Read full article
JavaScript

Splitting arrays into X elements and “the rest”

When a feature calls for the first five photos from a list and a link that says “27 more photos”, we can split the list into these two blocks.

Read full article
Debug
none
Grid overlay