React Architecture

React Components

Component File Structure

app/components/
├── Header
|   ├── Header.js
|   ├── Logo.js
|   ├── Nav.js
|   ├── PageHeader.js
├── PatientList
|   ├── PatientList.js
|   ├── PatientListSelectors
|       ├── PatientListSelectors.js
|       ├── RiskAssessmentSelector.js
|       ├── FilterSelector
|           ├── FilterSelector.js
|           ├── PopulationFilterSelector.js
|           └── HuddleFilterSelector.js
|       └── SortBySelector.js
|   └── PatientListResults
|       ├── PatientListResults.js
|       └── PatientListResultsItem.js
├── PatientView
|   ├── PatientView.js
|   ├── PatientViewBanner
|       ├── PatientViewBanner.js
|       ├── PatientViewBannerSummary.js
|       └── PatientViewBannerRiskHistoryChart.js
|   ├── PatientViewStats
|       ├── PatientViewStats.js
|       ├── PatientViewStatsRiskAssessment.js
|       ├── PatientViewStatsHuddles.js
|       ├── PatientViewStatsConditions.js
|       └── PatientViewStatsMedications.js
|   ├── PatientViewRiskAsterChart
|       ├── PatientViewRiskAsterChart.js
|       ├── PatientViewRiskAsterChartPlot.js
|       └── PatientViewRiskAsterChartDetails.js
|   ├── PatientViewTimeline
|       ├── PatientViewTimeline.js
|       └── PatientViewTimelineEvent.js
├── FilterBuilder
|   ├── FilterBuilder.js
|   ├── FilterBuilderCounts.js
|   ├── FilterBuilderType
|       ├── FilterBuilderType.js
|       ├── FilterBuilderTypeItem.js
|   └── FilterBuilderDetails
|       ├── FilterBuilderDetails.js
|       ├── FilterBuilderDetailsPatient.js
|       ├── FilterBuilderDetailsCondition.js
|       └── FilterBuilderDetailsEncounter.js
└── Footer.js