Making it easy to follow best practices

Why?

Faster development

More useful code reviews

Higher quality code

Great recruiting tool!

 

Replace (some) training with doc PRs

"gitHooks": {
  "pre-commit": "cross-env PRE_COMMIT=true lint-staged"
},

package.json

module.exports = {
  '*.js': [
    'yarn lint:eslint',
    'yarn lint:prettier',
    'git add',
    'yarn test:unit:file'
  ]
}

lint-staged.config.js

Reduce friction

Enforce best practices

Custom snippets

Same advantages as generators

{
  "script": {
    "scope": "vue",
    "prefix": "script",
    "body": [
      "<script>", 
      "export default {", 
      "\t${0}", 
      "}", 
      "</script>"
    ],
    "description": "<script>"
  }
}

Can be combined with generators for automatic basic tests for components, views, utils, etc.

The 3 month rule

Thanks!

 

@chrisvfritz

 

slides.com/chrisvfritz/

best-practices-kingston

 

Questions?

Made with Slides.com