Code Comments as a habit


5 min read

Writing code is both an art and a science, but it can be a daunting task. As developers, we invest a significant amount of time crafting intricate lines of code. However, what if I told you that a simple habit of adding code comments can revolutionize your software development journey? ๐Ÿคฏ

๐Ÿค– Software Development is Hard!

Before diving into the benefits of making code comments a habit, let's acknowledge the complexity of software development. Building software is a multifaceted process, involving creativity, problem-solving, and precision. Code serves as the foundation of any software project, and understanding and maintaining it is a considerable challenge.

๐Ÿ•’ A Lot of Time

Developers invest a substantial amount of time not only in writing code but also in maintaining and debugging it. As the codebase grows, so does the complexity. That's where code comments come to the rescue, ensuring that your code remains comprehensible and manageable throughout its lifecycle.

Code Comments in Action

To illustrate the transformative power of code comments, let's dive into a real-world case study. Imagine a team of developers working on a complex e-commerce platform.

๐Ÿ“ˆ Key Benefits of Code Comments

1. Improved Readability

Code comments serve as signposts within your code, providing valuable context and explanations. They make your code more accessible to both you and your teammates.

// Calculate total price
const totalPrice = calculatePrice(cart);

2. Easier Collaboration

When multiple developers collaborate on a project, code comments become essential for effective teamwork. They allow team members to understand each other's contributions and intentions.

Collaboration GIF

3. Faster Debugging

Code comments help you identify potential issues more quickly. When debugging, you don't have to decipher your entire code; comments provide clues.

4. Onboarding New Developers

When new team members join your project, well-documented code can significantly reduce their learning curve. Code comments act as a roadmap for newcomers.

Create a Habit

Now that we've seen the remarkable benefits of code comments, it's time to create a habit. Habits don't form overnight; they require consistency and a well-defined process.

๐ŸŽฏ Elaborate a Simple Process

To make code commenting a habit, follow these steps:

Step 1: Set Clear Goals

Define what you want to achieve with code comments. Is it better readability, improved collaboration, or faster debugging? Having clear objectives will motivate you.

Step 2: Start Small

Begin by commenting a few lines of code each day. Don't overwhelm yourself. Gradually increase the number of comments as the habit solidifies.

Step 3: Be Consistent

Consistency is key to forming a habit. Allocate a specific time each day or week for code commenting. Stick to it.

Step 4: Review and Reflect

Regularly review your code comments. Are they effective? Do they serve their purpose? Adapt and improve your commenting style as needed.

Step 5: Reward Yourself

Celebrate your progress. Completing a commenting task or reaching a milestone deserves acknowledgment. It reinforces the habit.

๐Ÿ“– Example: Creating a Commenting Routine

Week 1: Comment one function daily.
Week 2: Comment one module daily.
Week 3: Comment one complex logic block daily.

Dos and Don'ts of Code Comments

To help you get started, here are some examples of effective code comments and common pitfalls to avoid:


  1. Use Clear Language: Write comments in plain, easy-to-understand language.

     // Good example
     // Calculate the average temperature.
  2. Explain Why, Not What: Instead of repeating what the code does, focus on why it's doing it.

     // Good example
     // Increase the timeout for slow connections.
  3. Update Comments: Keep comments up-to-date. Outdated comments can be misleading.

     // Good example
     // TODO: Implement error handling for the new API.


  1. Overcomment: Avoid overloading your code with comments. Not everything needs an explanation.

     // Bad example
     // This is a function that returns a value.
     function getValue() {
       // This is a comment inside the function.
       return 42;
  2. Redundant Comments: Don't repeat what is evident from the code itself.

     // Bad example
     // Add two numbers.
     function add(a, b) {
       return a + b; // Returns the sum of a and b.
  3. Unclear Comments: Vague or ambiguous comments are unhelpful.

     // Bad example
     // Handle errors here.
     function handleError() {
       // What kind of errors? How?

Plugins to the Rescue

Streamline your code commenting efforts with the help of plugins and tools:

1. ESLint with eslint-plugin-jsdoc

Integrate ESLint with eslint-plugin-jsdoc to enforce consistent JSDoc commenting conventions and catch missing or incorrect documentation.

2. Visual Studio Code Extensions

Visual Studio Code offers extensions like JSDoc Comments, which make adding JSDoc comments a breeze.

3. Documentation Generators

Explore documentation generators like JSDoc itself or TypeDoc for TypeScript projects. These tools can generate comprehensive documentation from your comments.

Elevate Your Development Experience

Incorporating code comments into your development routine is not just a good practice; it's a game-changer. You'll find yourself coding more efficiently, collaborating seamlessly, and debugging with confidence. Your projects will become more maintainable, and onboarding new developers will be a breeze. By adopting this simple habit, you'll unlock the true potential of your software development journey.

So, embark on the code commenting journey today and watch your coding skills skyrocket! ๐Ÿš€

Share it with someone who may need it.โœจ

Did you find this article valuable?

Support Smit Thakkar by becoming a sponsor. Any amount is appreciated!