Code standards
Code formatting
For the formatting we currently use Prettier. This is an opinionated code formatter which makes sure that we use the same formatting across the whole codebase. To make sure that this is complied with every PR, there is a Github Workflow which checks this on all PRs.
You can always run npm run format
to make sure that all your changes are formatted correctly.
To make it easier, you can use the integrations of the Jetbrains IDE / VSCode applications.
Jetbrains IDE
Add this integration by:
Adding the prettier plugin through plugins.
Going to Preferences -> Languages and Frameworks -> Prettier.
Set ‘Run for files’ to
{**/*,*}.{js,ts,jsx,tsx,vue,scss,css,yml,md,html}
Tick the
On save
andOn 'Reformat code' action
boxes
So it looks like this:
VSCode
Add this integration by:
Adding the prettier extension
Setting the
editor.defaultFormatter
preference toesbenp.prettier-vscode
Linting
For linting we use ESLint. Which statically analyzes our application for common problems. Just like our code formatting, this is also checked in every PR using a custom workflow.
You can always run npm run lint:fix
to make sure that all your changes are in compliant with our linting rules.
Last updated