Trento Docs :: Trento Documentation

JavaScript coding standards

Trento follows the Airbnb style guide, wherever possible.

The linting is enforced through ESLint locally and in the CI.

Use the .eslintrc.js template as a starting point for a new project.

Code formatting is applied using Prettier, and enforced with a CI check.

Use the .prettierrc.js template as a starting point for a new project.

Always prefer an arrow function (() => {}) to a regular function(){}. It has lower memory footprint and it’s more concise.
PropTypes are being avoided for the moment when writing a new React component.

npm.

End-to-end tests in production-like environments are performed using Cypress.

Unit testing of JavaScript code and React components is performed using Jest and React Testing Library.

Prefer factories created with Fishery and Faker over fixtures to craft test data.
As a rule of thumb one should avoid mocking and creating spies wherever possible.

Storybook is used to develop UI components in isolation.

When writing UI components, every PR should have new Storybook stories attached or have existing ones updated.