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);
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);
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}), {});
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 = '';
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 || '';
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');
In this Article we will go through how to box handler 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 boxHandler = x => ({ next: f => boxHandler(f(x)), done: f => f(x) });
In this Article we will go through how to check if a value is a function 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 isFunction = v => ['[object Function]', '[object GeneratorFunction]', '[object AsyncFunction]', '[object Promise]'].includes(Object.prototype.toString.call(v));
In this Article we will go through how to check if a value is a generator function 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 isGeneratorFunction = v => Object.prototype.toString.call(v) === '[object GeneratorFunction]';
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);