JavaScript Utilities

This is a collection of useful code snippets that I use over and over.

Maybe they're useful to you as well.
Take away

Create a unique string.
Great for quickly creating unique IDs.

https://gist.github.com/SimonHoiberg/ad2710c8626c5a74cddd8f6385795cc0

Generate a random number in a range.
If you need to generate a random number between a minimum and maximum value.

https://gist.github.com/SimonHoiberg/0dc85e01c7c872c3ddc2a409de1232a3

Generate a number range.
It's one of the cool inbuilt utility functions in Python, but unfortunately, we're missing this in JavaScript.

https://gist.github.com/SimonHoiberg/f43ecc90f319fb8737e313b3d47815ee

Get the last item of either an Array, Set, Map or object.
Great for quickly accessing the last item dynamically without having to make any transformation.

https://gist.github.com/SimonHoiberg/a5645dd55d439e3872c6a63b249f1231

Inserting, replacing, and removing items in a list is one of the things we do over and over.

I have these helpers (in TypeScript) that I use everywhere.

https://gist.github.com/SimonHoiberg/c3ec6b028555c79a08a46745baec0d6f

Create a deep clone of an object.
It does exactly what you would expect - creating a copy of an object, without any pointers to the original object.

https://gist.github.com/SimonHoiberg/b2a4593d97e60947569df6f78a00b45b

Deep Freeze an object.
If you enjoy working with immutable JavaScript, this utility function is really handy.

https://gist.github.com/SimonHoiberg/b8f575a30010b185e50627f39ee5fe01

If you've been working with the AWS SDK for Node.js, you probably know that the DynamoDB client returns entries in a quite annoying format.

Use this utility function to unwrap it into a normal-shaped object.

https://gist.github.com/SimonHoiberg/469c2ad3db55b16edbea2c6720d3d83c

Sometimes you end up with a lot of Providers in React.
It can make your root component quite nested and hard to read.

Use this utility function to combine a list of Providers into a single Provider.

https://gist.github.com/SimonHoiberg/81cbf7bef73c1c901b85ad8329fd1a09

Working with async state updates in React often includes a bit of boilerplate.

I created this custom hook to deal with async state.
It optionally supports Recoil atoms as well.

https://gist.github.com/SimonHoiberg/7bebb7074247352e2ac178726adc5c64