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