Sep 9, 2021 JavaScript
How to compose functions from left to right in JavaScript

In this Article we will go through how to compose functions from left to right 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:

// Compose functions from left to right
const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);

Sep 9, 2021 JavaScript
How to compose functions in JavaScript

In this Article we will go through how to compose functions 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:

// Compose functions from right to left
const compose = (...fns) => x => fns.reduceRight((y, f) => f(y), x);

Sep 9, 2021 JavaScript
How to create a function that accepts a single argument in JavaScript

In this Article we will go through how to create a function that accepts a single argument 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 unary = fn => arg => fn(arg);

Sep 9, 2021 JavaScript
How to reload the current page in JavaScript

In this Article we will go through how to reload the current page 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 reload = () => location.reload();

Sep 9, 2021 JavaScript
How to replace an element in JavaScript

In this Article we will go through how to replace an element 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 replace = (ele, newEle) => ele.parentNode.replaceChild(newEle, ele);

Sep 9, 2021 JavaScript
How to scroll to top of the page in JavaScript

In this Article we will go through how to scroll to top of the page 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 goToTop = () => window.scrollTo(0, 0);

Sep 9, 2021 JavaScript
How to serialize form data in JavaScript

In this Article we will go through how to serialize form data 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 serialize = formEle => Array.from(new FormData(formEle)).reduce((p, [k, v]) => Object.assign({}, p, { [k]: p[k] ? (Array.isArray(p[k]) ? p[k] : [p[k]]).concat(v) : v}), {});

Sep 9, 2021 JavaScript
How to show an element in JavaScript

In this Article we will go through how to show an element 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 show = ele => ele.style.display = '';

Sep 9, 2021 JavaScript
How to strip html from a given text in JavaScript

In this Article we will go through how to strip html from a given text 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 stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';

Sep 9, 2021 JavaScript
How to toggle an element in JavaScript

In this Article we will go through how to toggle an element 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 toggle = ele => (ele.style.display = (ele.style.display === 'none') ? 'block' : 'none');