Patient

The Patient module provides a comprehensive solution for displaying and managing patient information in healthcare applications. Built on top of FHIR Patient resources with compound components, localization support, and performance optimizations using FlashList.

Overview

The Patient module offers healthcare-specific components for displaying patient demographics, personal information, and patient lists with consistent styling. All components follow FHIR standards and expose host-configurable React Native semantics; accessibility labels, roles, and focus behavior remain application-owned.

Key Features

• FHIR Compliance: Built on FHIR Patient resources for healthcare interoperability
• Compound Components: Flexible card-based architecture with composable sub-components
• High Performance: List components using FlashList for large patient datasets
• Localization Ready: Full i18n support with date formatting and gender translations
• Accessibility Ready: Components expose the relevant React Native props; add labels, roles, and focus behavior in the host application
• Theme Integration: Consistent styling with Material Design 3 theming
• Healthcare Icons: Medical-appropriate icons and visual indicators

Core Components

• PatientCard - Main card container with compound architecture
• PatientCard.Name - Patient name display with formatting options
• PatientCard.Gender - Gender display with visual indicators
• PatientCard.BirthDate - Birth date and age display
• PatientCard.Meta - Metadata container for additional info
• PatientList - High-performance patient list component

Architecture

The Patient module follows the SDK's compound component pattern:

• Compound Structure: PatientCard serves as the main container with composable sub-components
• FHIR Integration: Direct compatibility with @medplum/fhirtypes Patient resources
• Flexible Composition: Mix and match components based on specific healthcare workflows
• Performance Optimized: Efficient rendering for large patient directories