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

Math with Infinity

Infinity is just a number, dude. Most calculations JavaScript lets us do with Infinity will still return Infinity. Some no longer return numbers.

Read full article
JavaScript

Relative timestamps with Intl

With JavaScript’s built-in formatter for relative timestamps, we can build strings like “2 months from now” without third party libraries.

Read full article
JavaScript

Extracting floats from strings

By combining regular expressions and parseFloat, we can create a helper function that extracts all float values from a text input.

Read full article
JavaScript

Mapping array values with constructors

Combining the map function on arrays and type constructors allows us to quickly map values from one type to another.

Read full article
JavaScript

Removing duplication with ternary operators

The ternary operator can be used at many levels. The further we move it into a statement, the more duplication it can save us.

Read full article
JavaScript

Replacing all matches in a string

Using .replace() on strings only replaces the first occurrence of a substring by default. We can extend that with a “global” flag on the expression.

Read full article
JavaScript

Making function parameters required

Regular JavaScript has no concept of required parameters. We can use default parameter values to emulate this feature.

Read full article
General

Redundant comparisons to true or false

If an expression returns a Boolean value, we don’t also need to compare that result to true or false.

Read full article
Debug
none
Grid overlay