Sep 9, 2021 JavaScript
How to decode a jwt token in JavaScript

In this Article we will go through how to decode a jwt token only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const decode = token => decodeURIComponent(atob(token.split('.')[1].replace('-', '+').replace('_', '/')).split('').map(c => `%${('00' + c.charCodeAt(0).toString(16)).slice(-2)}`).join(''));

Sep 9, 2021 JavaScript
How to normalize the ratio of a number in a range in JavaScript

In this Article we will go through how to normalize the ratio of a number in a range only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const normalizeRatio = (value, min, max) => (value - min) / (max - min);

Sep 9, 2021 JavaScript
How to round a number to the nearest multiple of a given value in JavaScript

In this Article we will go through how to round a number to the nearest multiple of a given value only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const roundNearest = (value, nearest) => Math.round(value / nearest) * nearest;

Sep 9, 2021 JavaScript
How to check if the code is running in nodejs in JavaScript

In this Article we will go through how to check if the code is running in nodejs only using single line of code in JavaScript.

Let's define this short function:

const isNode = typeof process !== 'undefined' && process.versions != null && process.versions.node != null;

Sep 9, 2021 JavaScript
How to check if the code is running in the browser in JavaScript

In this Article we will go through how to check if the code is running in the browser only using single line of code in JavaScript.

Let's define this short function:

const isBrowser = typeof window === 'object' && typeof document === 'object';

Sep 9, 2021 JavaScript
How to clear all cookies in JavaScript

In this Article we will go through how to clear all cookies only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const clearCookies = () => document.cookie.split(';').forEach(c => document.cookie = c.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date().toUTCString()};path=/`));

Sep 9, 2021 JavaScript
How to convert 3 digits color to 6 digits color in JavaScript

In this Article we will go through how to convert 3 digits color to 6 digits color only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const toFullHexColor = color => `#${(color.startsWith('#') ? color.slice(1) : color).split('').map(c => `${c}${c}`).join('')}`;

Sep 9, 2021 JavaScript
How to calculate the linear interpolation between two numbers in JavaScript

In this Article we will go through how to calculate the linear interpolation between two numbers only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const lerp = (a, b, amount) => (1 - amount) * a + amount * b;

Sep 9, 2021 JavaScript
How to calculate the midpoint between two points in JavaScript

In this Article we will go through how to calculate the midpoint between two points only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const midpoint = (p1, p2) => [(p1.x + p2.x) / 2, (p1.y + p2.y) / 2];

Sep 9, 2021 JavaScript
How to check if a point is inside a rectangle in JavaScript

In this Article we will go through how to check if a point is inside a rectangle only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isInside = (point, rect) => point.x > rect.left && point.x < rect.right && point.y > rect.top && point.y < rect.bottom;