- read

10 Habits I Dropped As I Mastered JavaScript

Gabe Araujo, M.Sc. 65

10 Habits I Dropped As I Mastered JavaScript

Gabe Araujo, M.Sc.
Level Up Coding
Published in
3 min read1 day ago

--

Photo by Giulia May on Unsplash

JavaScript is a versatile and powerful programming language that is widely used for web development. As a JavaScript developer, I’ve gone through a journey of growth and improvement. Along the way, I’ve learned many valuable lessons and had to drop certain habits that were holding me back. In this article, I want to share with you 10 habits that I dropped as I mastered JavaScript, along with examples and code snippets to illustrate these changes.

1. Relying Heavily on jQuery

In the early days of my JavaScript journey, I heavily relied on jQuery for DOM manipulation and event handling. While jQuery is still a valuable library, I realized that native JavaScript has become more powerful and efficient. Here’s an example of how I used to toggle a class with jQuery and how I do it now with vanilla JavaScript:

Old Habit (jQuery):

$('.element').toggleClass('active');

New Habit (Vanilla JavaScript):

document.querySelector('.element').classList.toggle('active');

2. Not Using const and let Properly

I used to use var for variable declarations without considering block scope. Now, I embrace const and let for better variable scoping:

Old Habit:

var x = 10;

New Habit:

const x = 10;

3. Neglecting Arrow Functions

Arrow functions simplify syntax and provide lexical scoping. I used to use traditional function expressions extensively:

Old Habit:

function add(a, b) {
return a + b;
}

New Habit (Arrow Function):

const add = (a, b) => a + b;

4. Not Embracing Promises

I used to rely heavily on callback functions for asynchronous operations. Now, I prefer using Promises for cleaner and more readable code:

Old Habit:

fetch('https://api.example.com/data', function (data) {
// Handle data…