Guidelines

Guidelines

Styles

• BEM
• Prefix all hover by .desktop-device, in order to prevent double tap for mobile
• No deep imbrication for sass
• Colors, breakpoint, font-stack are defined in _variables.scss
• Generic text styles are defined as mixins in _text.scss

Javascript

• The entry point of the bundle is main.js
• Enter point of each react router view is place in the src/container folder.
• Components are all describes in src/components''. WebGl canvas and logic are their folder prefix by WebGL``.
• Components must be reusable, and the config must be externalize in a proper file in the src/config folder and exported in JSON in src/config/index.js.
• External library must be load from NPM only, if cannot and only if load it in ``src/vendors```

Build

• Webpack config is separeted dev and prod config in 2 files