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 regularfunction(){}. 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.
- MDN's JavaScript documentation is the only reliable source of truth about JavaScript on the web.
- React documentation
- You Don't Know JS
- A bit old but gold: JavaScript: The Good Parts
- Node.JS Design Patterns: a good book if you want to write a full-baked JS application.
- Redux usage guidelines
- Redux: writing tests
- Testing Redux sagas