🚀 5 Must-Know Modern JavaScript Tips for Cleaner Code

Hey devs! Let’s talk JavaScript—the language we love (and sometimes hate 😅). Here are 5 quick tips to write cleaner, more efficient code:

1. Destructuring Magic
No more object.property chains!

javascript

const user = { name: 'Dev', age: 25, hobby: 'coding' };
const { name, age } = user; // Boom! Clean.

2. Optional Chaining (?.)
Avoid Cannot read property 'x' of undefined errors:

javascript

const city = user?.address?.city || 'Not provided';

3. Template Literals
Ditch ugly string concatenation:

javascript

console.log(`Hello, ${name}! You’re ${age}? Awesome!`);

4. Arrow Functions + Implicit Return
Shorter syntax for small functions:

javascript

const double = num => num * 2; // 😍

5. async/await Error Handling
Wrap it in a try-catch without .then() hell:

javascript

try {
  const data = await fetchAPI();
} catch (err) {
  console.error("Oops!", err);
}

DEV Community