SilentImp / codeStyleAndViolenceEn

How to implement codestyle and enforce it.

Code Style & Violence

How to introduce code style in your team in most efficient way

Thesis

1. Why do we need a code style?
2. What should we control?
3. How to select a code style?
4. IDE configuration
5. JavaScript code style
   1. ESLint
      1. Manual
      2. CodeMode
      3. IDE
      4. Webpack
      5. Hooks
   2. Prettier
   3. Type-checking
      1. Flow
      2. TypeScript
      3. JSDoc
      4. JSDoc + TypeScript
6. CSS code style
   1. StyleLint
      1. Manual
      2. IDE
      3. Webpack
      4. Hooks
7. Process
   1. Hook to check the commit message
   2. npm package to with message hook
   3. GitLab restrictions
   4. Pipeline checks

Links

• Slides
• Example with webpack eslint-loader
• Example with type linting with JSDoc
• Example with type webpack and stylelint
• Example of linting in pipeline