#todo
- consider polyfills:
- https://www.npmjs.com/package/@formatjs/intl-relativetimeformat
- Intl as a whole
- Rethink app instance injection in app.ts, maybe automate a bit
- Lazy instantiation of the app pieces
- 2+ places start/stop same reaction in parallel? track start/stop calls to see when to really stop?
NODE_ENV: 'production' | 'development'(default)
affects build type, enables build optimizations etc
RUNTIME_ENV: 'local_dev'(default) | 'dev' | 'uat' | 'prod'
gives runtime a hint about where is current code running
helpers/runtime.ts exports all kinds of flags based on these variables.
Mobile-first! Create styles and markup for mobile and adopt for tablet/desktop with media queries.
- use theme.ts for global variables
- use
polished
package for css utilities
Number of columns: xs: 4, sm: 8, md: 8, lg: 12, xl: 12
Breakpoints size: xs: 1rem, sm: 48rem, md: 64rem, lg: 90rem, xl: 120rem
media queries for styled components
${LG`
font-size: 1.3rem;
`}