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

Transforming flat arrays into object arrays

If an array contains flat values, we can turn them into objects where they become a property’s value.

Read full article
JavaScript

Spongebob-ifying strings

Want to create annoying memes but are too lazy to hit the shift key every other letter? Don’t worry, I got you.

Read full article
JavaScript

Conditionally modifying array elements

Yet another use for the ternary operator: only change the values in an array that match a condition.

Read full article
JavaScript

The optional-chaining operator

Accessing deeply nested values required us to check for undefined along the way. With optional chaining, we no longer need to do that.

Read full article
JavaScript

Grouping array elements by a property

To quickly access all objects that share the same value for a property, we can group them by that property first.

Read full article
JavaScript

Exclusive OR across two arrays

An “XOR” operation returns the elements that only exist in one of two arrays, but not both.

Read full article
JavaScript

Filtering arrays to unique values

Arrays can contain the same value many times, while sets cannot. We can filter an array to unique values by using this difference.

Read full article
JavaScript

Getting the last element from an array

Until we get a native method on the array prototype itself, we can write a helper to get the last element in an array.

Read full article
Debug
none
Grid overlay