// boolean: in form of a question
const isVisible = true
const hasChildren = false
// constant: a true constant value
const EULER_NUMBER = Math.E
const PI = Math.PI
// string: singular
const simpleString = 'Hello World'
const anotherString = 'Lorem ipsum
// object: mostly singular
const someData = {...}
// array: always plural
const arrayItems = [...].map(item => item)
// function: combination of verb and noun
function getData() {...}
function findUser() {...}
// class: first letter is always capital
class ClassName {...}October 4th, 2019
It's always good to have a naming convetion so you can immediately see if you're working with a class, function or a boolean.
const getBottomVisiblity = () =>
document.documentElement.clientHeight + window.scrollY >=
(document.documentElement.scrollHeight || document.documentElement.clientHeight)
// output: true
getBottomVisiblity()October 1st, 2019
Returns true if the document height plus the currently scrolled pixel number is larger/equal to the document's content height or rather document height.
Apply that function to a scroll event listener and you can always check if the page bottom is visible.
const arrayToHtmlList = (array, listClass) =>
(el => (
(el = document.querySelector('.' + listClass)),
(el.innerHTML += array.map(item => `<li>${item}</li>`).join(''))
))()
arrayToHtmlList(['hello', 'world', '42'], 'classOfTheList')September 29th, 2019
This snippet converts all elements of an array to a list of <li> tags and appends them to the list of the given class.
const allEqual = array => array.every(value => value === array[0])
// output: false
allEqual([42, 1, 'hello'])
//output: true
allEqual([42, 42, 42])September 27th, 2019
The function checks if every element of the array is strictly equal to the first element.
# get the process id (pid) of the port
$ sudo lsof -i :1234
# use the pid you received a step before and kill the process
$ sudo kill -9 <PID>September 26th, 2019
If a port is in use and you need it, use your Terminal to kill the process.