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
JavaScript

Combining arrays pairwise

“Zipping” refers to taking the values in two arrays and combining them into a single array of value pairs.

Read full article
JavaScript

Plucking properties from an array of objects

We’re often extracting properties from an array of objects. With a higher-order function, this becomes more readable and easier to do.

Read full article
JavaScript

Getting random elements from arrays

We can use the value returned by Math.random() to get a random element from an array.

Read full article
JavaScript

Splitting arrays by a condition

We can split an array in two based on a condition: matches go in the first array, everything else goes in the second.

Read full article
JavaScript

Getting the intersection of two arrays

We can combine filter and includes to find which elements exist in both of two given arrays.

Read full article
JavaScript

Converting numerical arrays into relative fractions

We can turn arrays of absolute numbers into relative numbers. The largest value becomes 1, with the others calculated based on that largest value.

Read full article
JavaScript

Merging many objects

We can shallowly merge objects without having to type out all properties by hand.

Read full article
JavaScript

Picking object properties

When you don’t want to drag a full object through your code, you can pick just the properties you need using reduce.

Read full article
Debug
none
Grid overlay