Modus React Architecture Charter

Modus approach to enterprise React application architecture

Content

• Key principles
• Maintaining a small entry point (App Core)
• Rendering busy UIs
• Working with CSS
  • Theming
  • Working with design systems
• Wrapper Components
• Building components
  • what's a component
  • view layer vs business logic
  • styling components
• State management
  • redux? apollo/gql?
  • working with APIs
  • selector pattern
  • raw data/state vs computed
• Working with Forms
  • data mgmt/ux, data safety
• Coding styles and formatting
• Importing modules
• Setting up IDE(s)
• Setting up the repo
  • Monorepo vs repo
• DOs and DONTs