HOW-WRITE-CLEAN-CODE?

1-Destructure_Object.md

Destructure Javascript Object

Object for Destructuring

// common-base
const object = {
  name: {
  first: 'john',
  last: 'doe',
},
  birthday: {
    day: 3,
    month: {
      name: 'september',
      short: 'sep',
      number: 9,
    },
    year: {
      short: 53,
      full: 1953,
    }
  },
};

Practises

Common Code

const firstName   = object.name.first;
const lastName    = object.name.last;
const day         = object.birthday.day;
const shortMonth  = object.birthday.month.short;
const numberMonth = object.birthday.month.number;
const fullYear    = object.birthday.year.full;

Full Destruct Code

const {
  name: { first: firstName, last: lastName },
  birthday: {
    day,
    month: { short: shortMonth, number: numberMonth },
    year: { full: fullYear }
  }
} = object;

Best Destruct

const { name, birthday } = object;
const { first: firstName, last: lastName } = name;
const { day, month, year: { full: fullYear }  } = birthday;
const { short: shortMonth, number: numberMonth } = month;

2-Arguments.md

How Give Object as Argument? (Javascript)

Object for Destructuring

// Object from anywhere we want pass to functions
const args = {
  firstName: "john",
  lastName : "doe",
  username : "jDoe",
  email    : "[email protected]",
  password : 0000
};

practises

Bad Code

/**
  * Parameters: 
  *   firstName,
  *   lastName,
  *   userName,
  *   email,
  *   password (default value is 1234)
  */
const userAgent = (firstName, lastName, username, email, password = 1234) => {
  return `
    user: ${firstName} ${lastName}
    Username: @${username}
    by ${email}
    PASSWORD: ${password}`;
};

Best Code

const userAgent = ({
  firstName,
  lastName,
  username,
  email: mail, // give `email` object as `mail` variable in function
  password = 1234 // default value is 1234
}) => {
  return `
    user: ${firstName} ${lastName}
    Username: @${username}
    by ${mail}
    PASSWORD: ${password}`;
};

3-Replace_Variables.md

Replace two variable

Variables

let var1 = 'Hello',
    var2 = 'World';
console.log(var1, var2); // Hello World

Practises

Common Code

let temp = var1;
var1 = var2;
var2 = temp;
console.log(var1, var2); // World Hello

Clean Code

[var1, var2] = [var2, var1];
console.log(var1, var2); // World Hello