Async & Await in JavaScript 🔥

Async/Await will make your code simpler even more than you think. ✅

Stop writing callback functions and love JavaScript ES7. 💎

https://blog.patricktriest.com/what-is-async-await-why-should-you-care/

#JavaScript #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Use getters and setters 💡

Bad :

function makeBankAccount() {

  return {
    balance: 0,
    // ...
  };
}

const account = makeBankAccount();
account.balance = 100;

Good :

function makeBankAccount() {
  let balance = 0;

  function getBalance() {
    return balance;
  }

  function setBalance(amount) {
    balance = amount;
  }

  return {
    getBalance,
    setBalance,
  };
}

const account = makeBankAccount();
account.setBalance(100);

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Async/Await are even cleaner than Promises 💡

Bad :

get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin')
  .then((response) => {
    return writeFile('article.html', response);
  })
  .then(() => {
    console.log('File written');
  })
  .catch((err) => {
    console.error(err);
  });

Good :

async function getCleanCodeArticle() {
  try {
    const response = await get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin');

    await writeFile('article.html', response);

    console.log('File written');
  } catch(err) {
    console.error(err);
  }
}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Only comment things that have business logic complexity. 💡
Comments are an apology, not a requirement. Good code mostly documents itself.

Bad :

function hashIt(data) {
  // The hash
  let hash = 0;

  // Length of string
  const length = data.length;

  // Loop through every character in data
  for (let i = 0; i < length; i++) {
    // Get character code.
    const char = data.charCodeAt(i);
    // Make the hash
    hash = ((hash << 5) - hash) + char;
    // Convert to 32-bit integer
    hash &= hash;
  }
}

Good :

function hashIt(data) {
  let hash = 0;
  const length = data.length;

  for (let i = 0; i < length; i++) {
    const char = data.charCodeAt(i);
    hash = ((hash << 5) - hash) + char;

    // Convert to 32-bit integer
    hash &= hash;
  }
}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

Refactoring •GURU• 🐿

Refactoring.Guru is a shiny website where you can find tons of information on refactoring, design patterns, SOLID principles and other smart programming topics. ✨

https://refactoring.guru/

#CleanCode #Refactoring
@ProgrammingTip

JavaScript Clean Code 🛠

Use consistent capitalization 💡

Bad :

const DAYS_IN_WEEK = 7;
const daysInMonth = 30;

const songs = ['Back In Black', 'Stairway to Heaven', 'Hey Jude'];
const Artists = ['ACDC', 'Led Zeppelin', 'The Beatles'];

function eraseDatabase() {}
function restore_database() {}

class animal {}
class Alpaca {}

Good :

const DAYS_IN_WEEK = 7;
const DAYS_IN_MONTH = 30;

const SONGS = ['Back In Black', 'Stairway to Heaven', 'Hey Jude'];
const ARTISTS = ['ACDC', 'Led Zeppelin', 'The Beatles'];

function eraseDatabase() {}
function restoreDatabase() {}

class Animal {}
class Alpaca {}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

Try to group extension methods into static classes dealing with the same extended type. 📦

Sometimes related classes (such as DateTime and TimeSpan) can be sensibly grouped together. ↔️

But avoid grouping extension methods targeting disparate types such as Stream and string within the same class. ❌

〰〰〰〰〰〰
#CleanCode #ExtensionMethods
@ProgrammingTip

6 Simple Tips on How to Start Writing Clean Code 👾

1️⃣ Make code readable for people.

2️⃣ Use meaningful names for variables, functions and methods.

3️⃣ Let every function or method perform only one task.

4️⃣ Use comments for clarification ( if really needed )

5️⃣ Be consistent

6️⃣ Review your code regularly

〰〰〰〰〰〰
#CleanCode
@ProgrammingTip

Yagni : You Arent Gonna Need It 👾

Never Add Functionality Early 💡

"Always implement things when you actually need them, never when you just foresee that you need them."

Even if you're totally, totally, totally sure that you'll need a feature later on, don't implement it now. ⏳

Usually, what you actually need is quite different from what you foresaw needing earlier. 🙅🏻‍♂️

This doesn't mean you should avoid building flexibility into your code. ✅

It means you shouldn't overengineer something based on what you think you might need later on. ❌

🔹🔸🔹🔸🔹🔸

There are two main reasons to practise YagNi :

1️⃣ You save time, because you avoid writing code that you turn out not to need.

2️⃣ Your code is better, because you avoid polluting it with 'guesses' that turn out to be more or less wrong but stick around anyway.

This also follows the KISS theorem:

Keep it simple, stupid!

https://t.me/pgimg/13
〰〰〰〰〰〰
#CleanCode #Principles #Tips
@ProgrammingTip

What is Unit Testing & Why You Need to Lean It ⁉️

Unit testing is the practice of writing code to test your code and then run those tests in an automated fashion. ✅

🔹🔸🔹🔸

Here is an example. 👨🏻‍💻

Imagine you have this function somewhere in your code.
It’s a basic calculate function that takes an input and depending on some conditions, it returns different values.

public float CalculateTax(int input) 
{
    if (x) return ...;
    if (y) return ...;
    return ...;
}

If you want to test this function manually :

1️⃣ You have to run your application
2️⃣ Perhaps you have to login
3️⃣ Maybe do a few clicks here
4️⃣ There to get to a page where this function is used.
5️⃣ You have to fill out a form
6️⃣ Submit it
7️⃣ Verify if this function returned the right result.

And then you have to repeat all these steps, each time using different values in your form. 🤦🏻‍♂️

🔸🔹🔸🔹

Manual testing is expensive 💸

As you can see, this is very time-consuming. ⌛️

This workflow to test this function may take several minutes every time❗️

Now to make matters worse, this is not the only function in your application. 🌍

In a real application, you have tens or hundreds of functions like this ❗️

As your application grows in size and complexity, the time required to manually test all the different bits and pieces increases exponentially. ⏱

So, that’s why we use Automated Testing. ♻️

🔺🔹🔺🔹

https://t.me/pgimg/24

[ Full Article ] : http://bit.do/utdd

〰〰〰〰〰〰
#CleanCode #UnitTest #TDD
@ProgrammingTip

The Art of Comments 🎨

[ Article ] : https://css-tricks.com/the-art-of-comments/

〰〰〰〰〰〰
#CleanCode #Comments
@ProgrammingTip