Skip to content

Latest commit

 

History

History
52 lines (34 loc) · 939 Bytes

app-architecture.md

File metadata and controls

52 lines (34 loc) · 939 Bytes
Raw

App architecture

Component tree

flowchart TB
  RecordForm --> 
  InstitutionsList & FormHeader
  InstitutionsList -->
  TabsList & InstitutionContainer
  TabsList --> InstitutionTab  
  InstitutionContainer --> 
  AssetContainer

RecordForm

Structural component. Will render Header Tabs, InstitutionContainer accordingly to state:

  • isKeyboardOpen
  • isInstitutionContainerExpanded

FormHeader

Stateless component. Contains submit and cancel buttons

TabsList

Statless component. Can be collapsed and expanded

InstitutionTab

Statless component. Can show institution states:

  • new
  • updated
  • deleted

InstitutionContainer

Can be collapsed and expanded

AssetContainer

Can be collapsed and expanded

InstitutionsList

Wrap InstitutionContainers and TabsList. Basically Tabs component from ChakraUI

Fetching initial data

I wanna try RSC for this