Style Guide

General style

We follow AirBnb style guide listed [here] and Microsoft contribution library rules.(https://github.com/airbnb/javascript/blob/master/react/README.md) Follow basic A11y guidelines

Cheatsheet

  • Directories pascalcase DirectoryName
  • File names pascalcase 'FileName`
  • File extension for react is .tsx
  • File extension for non-react is .ts
  • Styles names are lowercase 'filename.less'
  • constants camelcase
  • interface pascalcase
  • interface members are camelcase
  • No models except for props and state in tsx
  • Component names don't have a suffix "component"
  • Containers names do have suffix "Container"
  • Models have suffix "Model"
  • One react component per file unless stateless