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

Getting properties from objects that match a condition

Since array methods like filter and map return an array themselves, we can chain them one after the other.

Read full article

JavaScript

Counting letters in a string

We can build a dictionary of a string’s letters to count how many times each letter appears.

Read full article

JavaScript

Sorting numbers

The default behavior of sorting arrays assumes every value is a string. That leads to unexpected behavior when working with numbers.

Read full article

JavaScript

Checking if every array element matches a condition

There is now a more convenient way than reduce or loops to check if all elements in an array match a condition.

Read full article

JavaScript

Splitting arrays into chunks

By combining map and slice, we can write a helper function to split large arrays into many similarly sized blocks. This is useful for features like pagination.

Read full article

JavaScript

Calculating the sum of an array of numbers

We can reduce an array of numbers into a single value that represents the sum of its values, without needing a traditional for-loop.

Read full article

JavaScript

Logging as objects

This neat little trick makes values logged to the console much more readable with a minor adjustment to how we log it.

Read full article

CSS

Creating utility classes with Sass

When creating Tailwind CSS-like utility classes, we can use Sass’ loops to save a lot of repetition.

Read full article

Snippets

Filter by category

Getting properties from objects that match a condition

Counting letters in a string

Sorting numbers

Checking if every array element matches a condition

Splitting arrays into chunks

Calculating the sum of an array of numbers

Logging as objects

Creating utility classes with Sass

Work

Legal