Skip to main content

Architecture

App Architecture​

Supported technical stack:

  • React
  • Typescript
  • Material-UI (extensible for i18-next using templates)
  • Hasura GraphQL API (extensible also for REST)
  • React-intl (extensible for i18-next using templates)
  • Formik (extensible for React Hook Forms using templates)
  • Vite

App Architecture

Iteria Low-code Architecture​

Components:

  • WYSIWYG (React Dev Tools on steroids)
  • Component Templates (Component library can be used at runtime, possible to choose between no-code, low-code or classic development approach. Useful for customisation of the solution and future extensibility, it encapsulates patterns for the user interface - list-detail with multiple relations - based on experience from complex information systems)
  • Code generator (Generates GraphQL queries for a specific table / schema type and allows ejecting Component Templates whenever further customisation is needed)
  • AST manipulation of TSX/JSX, GraphQL (low level component for customisation of queries/mutations and React code)
  • Integration of devtools (Fast Refresh, VSCode, Rollup, Babel/Esbuild, https://graphql-code-generator.com/)
  • GraphQL: Integration of backend https://hasura.io/
  • Deployment adapters: Vite Plugin, Netlify Plugin ...

Iteria Low-code Architecture