Js file with good practices tips.

consolelog.js

// DEBUG
// Printing objects on console
const foo = {name: 'tom', age: 30};
const bar = {name: 'harry', age: 50};
const baz = {name: 'john', age: 19};

console.log({ foo, bar, baz }) // To show objects names on console. 
// Styling with css
console.logo('%c My friends', 'color: orange; font-weight: bold');
// Console table
console.table([foo, bar, baz]);

// Stack Trace Logs
const deleteMe = () => console.trace('function execution');
deleteMe();

destructuring.js

const turtle = {
  name: 'Bob',
  legs: 4,
  shell: true,
  type: 'amphibious',
  meal: 10,
  diet: 'berries'
};

 function feed({ name, meal, diet }) {
   return `Feed ${name} ${meal} kilos of ${diet}`;
 }

// OR

function feed(animal) {
  const { name, meal, diet } = animal
  return `Feed ${name} ${meal} kilos of ${diet}`; 
}

spread-syntax.js

const pikachu = { name: 'Pikachu' };
const stats = { hp: 40, attack: 20, defense: 45 };

const lv10 = {...pikachu, ...stats};

template-literals.js

const horse = {
  name: 'Topher',
  size: 'large',
  skills: ['jousting', 'racing'],
  age: 7
};

// Bad code
let bio = horse.name + ' is a ' + horse.size

// Good Code
const { name, size, skills} = horse;

bio = `${name} is a ${size}`;

// Functional way

function horseAge(str, age) {
   const ageStr = age > 5 ? 'old' : 'young';
   return `${str[0]}${ageStr} at ${age} years`;
}

const bio2 = horseAge`This horse is ${horse.age}`;