3. Coding standards¶
Writing code that adheres to standards is important for many reasons. Coding standards:
- Ensure that large projects are coded in a consistent manner
- Demonstrate our professionalism as developers
- Improve maintainability by making code easier to understand, review, and contribute to
3.1. Drupal coding standards¶
Each programming language has its own set of coding standards, and even within a language, different frameworks may have their own separate standards. That is the case for PHP and the Drupal framework.
When writing code for Drupal projects, we adhere to the Drupal coding standards. There is extensive documentation of the Drupal coding standards that our code should adhere to. Note, any custom PHP in a Drupal project (for example, a
RoboFile.php, or Behat’s
FeatureContext.php) should also adhere to Drupal coding standards for consistency.
3.2. Good practices¶
In addition to adhering to Drupal coding standards, there are other good practices we abide by:
- Include code comments anywhere that it would help other developers review or understand your code. It’s better to over comment than under comment. Use git commit messages to provide additional information, but ensure that all the context a developer needs to understand the code is available in the code comments.
- Always use descriptive, readily-understood variable names. For example use
- Write modular code — if you’re copying a block of code from elsewhere in the codebase, ask yourself if you could convert that block of code into its own function.
Drupal provides detailed instructions for installing PHP_CodeSniffer.
3.3.1. Command line usage¶
PHP_CodeSniffer can be run from the command line following these instructions. We recommend creating the
drupalcs alias as explained in those instructions.
PHP_Codesniffer also includes the PHP Code Beautifier and Fixer command
phpcbf. This command can be run from the command line to automatically fix your coding standards violations. More detail on the
phpcbf command is provided in the the PHP_CodeSniffer wiki
3.3.2. PhpStorm integration¶
In addition to running PHP_CodeSniffer from the command line, it is useful to see coding standard violations highlighted in your editor, especially real-time as you develop.
If you use PhpStorm as your IDE, then you can use PhpStorm’s built-in coding assistance to indicate violations of coding standards as you write or review code.
JetBrains (the team behind PHPStorm) provide documentation for Code Sniffer and Coder integration.
We also recommend updating PhpStorm’s default syntax and formatting to conform with Drupal coding standards, further easing compliance with the standards. This guide documents steps for configuring PhpStorm for Drupal.
In addition, PhpStorm provides a Reformat Code command that automatically reformats selected code to your defaults settings.
3.4. Other tools¶
PHP Mess Detector (PHPMD) is another tool that helps you write better code. According to the documentation PHPMD “takes a given PHP source code base and look for several potential problems within that source…like: possible bugs, suboptimal code, overcomplicated expressions, and unused parameters, methods, [and] properties”. The PHPMD documentation provides installation and command line usage instructions.
3.5. Fixing legacy code¶
Often times, you’ll find yourself updating legacy code. Unfortunately, not all developers adhere to coding standards as strictly as we do.
Our policy is that you should leave legacy code better off than the way you found it. If you find yourself updating pre-existing files, you should ensure that the entire file and not just your additions adheres to Drupal’s coding standards before creating a pull request.
When updating legacy code to conform to Drupal standards the PHP_Codesniffer’s
phpcbf command and PHP Storm’s “Reformat Code” command are very helpful.
To ease review of pull requests that affect legacy code:
- Coding standards fixes on legacy code should be in their own commits with no other additions - including bug fixes, feature additions, or refactoring.
- These commits should be the first commits in a pull request, with all other commits for bug fixes, feature additions, or refactoring coming after.
Abiding by these guidelines will make it much easier for your teammates to efficiently review your pull requests.
3.6. CSS and its preprocessors¶
CSS bloat (i.e. CSS that contains unneeded and/or repeated code) can cause performance issues and make future development more difficult and time-consuming.
To keep code as light as possible:
- Follow the DRY principle. If you find yourself repeating code, find a way to make that code modular. This is easy to achieve with Sass by using mixins and abstract classes.
- Learn when to use a mixin and when to use an abstract class (TL;DR: You should almost always use a mixin.)
- Always use as non-specific a selector as possible to avoid having to overwrite your own CSS. CSS Tricks explains specificity well.
- When writing SCSS, run
scss-lintand follow the rules whenever possible. If you do need to make an exception (e.g. you need to use
!importantto override a default Drupal CSS rule that uses
!important), leave a comment explaining why you’re doing it.
To ensure that your code is maintainable by future developers (including Future You):
- Always include a docblock comment at the start of each file describing what the file does and anything non-obvious about the component.
- Include comments to describe the results of non-obvious rulesets, such as complex layouts or items that change drastically across screen sizes.
- Use the BEM class naming methodology. This makes the DOM more readable, and means you don’t need to include a comment in the code indicating what a selector is targeting.