Edit

Code reviews – Getting started

What if I told you there is a simple technique to make your project run smoother, faster, and with fewer bugs 🤔. Better yet, it’s completely free, does not require much tooling, and any developer can learn to use it in a matter of minutes 😳. This is how good code reviews are, and why you should use them.

Why it’s good

Developers tend to think of productivity in terms of “how fast can I write the code for this new feature”. We also tend to say “I write code” when describing our jobs. In practice though, professional software development is a matter of understanding the code that is already there: we simply spend much more time reading than writing. Productivity thus depends more on the overall code’s quality and maintainability, rather than the skills of individual contributors making changes.

Simply put:

It’s harder to read code than to write it.

– Joel Spolsky, Things You Should Never Do

Code readability is fundamental. John Papa recently gave a talk on how to achieve it in practice:

Another great resource on the topic is Code Reviews: Just Do It by Jeff Atwood. If you like numbers, you should definitely read it. I especially like its excerpts from Code Complete:

the average defect detection rate is only 25 percent for unit testing, 35 percent for function testing, and 45 percent for integration testing. In contrast, the average effectiveness of design and code inspections are 55 and 60 percent.

In a software-maintenance organization, 55 percent of one-line maintenance changes were in error before code reviews were introduced. After reviews were introduced, only 2 percent of the changes were in error.

When all changes were considered, 95 percent were correct the first time after reviews were introduced. Before reviews were introduced, under 20 percent were correct the first time.

That’s a 5x increase in the likelihood of individual changes to be correct! There aren’t many development practices which can make that claim.

A great way to learn

Jeff Atwood’s article briefly mentions another reason why I think code reviews should be part of everybody’s toolset: you can learn A LOT from them. They are a great place for the team to share their knowledge and learn:

  • How other people would approach and solve a given problem.
  • General stylistic or architectural guidelines to follow for the specific project. Those are defined elsewhere (e.g. in a style guide or architecture principles document), but propagate well via code reviews.
  • Neat programming tricks! For example using list mapping (Array#map) over a mutable iteration (Array#forEach and Array#push).

Screenshot of a GitHub code review from @loicteixeira, with an insightful review comment

My friend @loicteixeira does wonderful code reviews. Once he taught me about Python’s mutable default arguments during a review – they are a great way to learn platform-specific gotchas.

Code reviews in practice

Sounds great on paper, right? 🌈

Convince the boss

In practice, the first step is to “convince the boss”. Show them those great metrics on the effectiveness of code reviews. Talk about how reviews improve quality in terms of business value. Their main concern might be in the cost of having more people working on an otherwise identical amount of changes – this is a good time to talk about the economics of fixing software defects:

Bar chart showing the relative cost of fixing software defects in each phase of the software development lifecycle. The relative cost increases from 1 in design, to 6.5 in implementation, 15 in testing, and 100 in maintenance.

Relative cost of fixing defects in the software development lifecycle. The later, the worse. Source: IBM System Science Institute.

Leverage existing tooling

With the business case taken care of, simply try code reviews for yourself, with the tools you already use! Every major Git platform has a pull request feature with built-in review workflows. If yours doesn’t, you can try doing code reviews in person instead, pair programming style.

Be kind, and let your tools do the nitpicking: linters and formatters (like Prettier) are there to enforce common formatting, so humans can focus on logic, readability, and learning. Don’t waste time discussing tabs versus spaces on each review.

Resources to get started

To give you a headstart in implementing code reviews for your teams, here are three things you will need:

  1. Code review guidelines. We usually put those in a CONTRIBUTING.md file at the root of the project.
  2. A pull request template. This is where you state that the team does code reviews, that they will be enforced, and that pull requests should be authored accordingly. Ours is simple but gets the job done.
  3. Useful resources about how to do this well. Code reviews are a solved problem, and there are great resources out there to take inspiration from.

Take all of these, sprinkle some LGTM (Looks Good To Me) images on top when approving changes, and you’re all set. Code reviews can feel tense at times, those silly images set a more relaxed tone, and can ease the relationship between reviewers and reviewees. Plus, a nice picture is a great reward for good work!

Screenshot of a GitHub code review from @flarnie, with a cute Looks Good To Me image of a jumping goat captioned "LOOKS GOAT TO ME"

Pro-level LGTM on the Draft.js repository

Do it!

Still unsure? The best way to know whether code reviews will work for your team is to try them. All of the major hosted Git platforms have pull request features with code reviews built-in, you can try them out and see for yourself how many defects you will catch before they even get merged. At Codemate, a good example of this in practice is my review of Iiro’s inKino project. I didn’t catch any bugs, but we certainly all learned a lot 😄 – for me, Flutter, and for him a web developer’s perspective on UI code architecture.

If you want to learn more about how Codemate works, have a look at how we actually used code reviews on this very blog post.