by Marc-Olivier Jodoin Code reviews are very important if you want to build great software. It’s an effective way of sharing knowledge of the to other members of the team, it’s a good opportunity to learn as the reviewers might suggest better ways of solving a problem than your usual approach, it helps in identifying logical bugs or gaps in implementation, it helps in ensuring that the codebase stays readable, maintainable and follows your team’s coding conventions etc codebase Code reviews are also time-consuming. For reviewers, it requires them to go through the changes to look for issues and opportunities for . The more things they’re checking for, the more time consuming and less focussed they are. For the authors, once the review is over, they need to refactor the code as per the review comments, do additional testing, do self-review etc. Rinse and repeat. improvement We should strive to make this process faster so we can deliver the software to our users as quickly as possible. We can lessen the time it takes for reviewers to review the code by automating the code review as much as possible and letting them focus on the non-automatable aspects. For the authors, we can give feedback on the code early so they can refactor much earlier in the development process. Checking whether the changes follow the coding conventions, best practices and code formatting is something we can automate. These are also the ones that trigger the most nitpicks during a code review and thereby generating more noise in the review comments. and are two popular tools that can help us achieve this. Prettier code and ESLint helps enforce coding conventions and in code. ESLint also has an mode that automatically fixes some of the rule violations. Both for all popular editors which ensures that the violations are quickly shown to the developer. But if the developer is using an editor that doesn’t have these plugins or is someone who sporadically contributes code and you don’t want to add friction to their workflow by asking them to install or configure the plugins, we can use the git commit hooks so that the code gets automatically checked as it is committed. Git commit hooks are also useful in making sure that all the committed code adheres to the rules and there are no due to misconfigured editors or other reasons. You can use for easily setting up git commit hooks. ESLint Prettier formats find problematic patterns auto-fix have plugins broken windows lint-staged If you’re newly setting up a project and don’t want to spend time initially to pick the rules or config, Prettier comes with good defaults and ESLint can be initialized with popular style guides. If you want to introduce this to an existing project, you can run all the files through Prettier and use ESLint auto-fix to change the existing code as per the new rules. For the rules that are not covered by auto-fix, you can all the remaining non-auto-fixable rules initially and fix them manually in batches and re-enable them as they’re fixed. If it’s a very larger project, you might want to split your codebase into different sections and have and make changes on one section at a time. disable directory specific ESLint configs Originally published in sheshbabu.com

Initialized

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Speed up your code reviews using ESLint and Prettier

Too Long; Didn't Read

Company Mentioned

Shesh

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Speed up your code reviews using ESLint and Prettier

Too Long; Didn't Read

Company Mentioned

Shesh

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES