ReactorUMG

Here’s a ReactorUMG implementation for a modular health bar that dynamically updates based on player health data. The component is written in React (JSX) and integrated into Unreal Engine’s UMG system via ReactorUMG. The health bar uses a reusable `HealthBar` component with props for `currentHealth`, `maxHealth`, and `colorScheme` (e.g., 'red', 'green', 'blue'). The data is sourced from a custom Unreal Engine `PlayerState` class that emits health updates via a delegate. The component also includes a localization-ready text label that adapts to the game’s language settings.

```jsx
// HealthBar.jsx
import React from 'react';
import { Text, ProgressBar } from '@reactorumg/react-components';
import { useLocalization } from '@reactorumg/localization';

const HealthBar = ({ currentHealth, maxHealth, colorScheme = 'red' }) => {
  const { t } = useLocalization();
  const percentage = Math.max(0, Math.min(100, (currentHealth / maxHealth) * 100));

  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
      <Text id="health_label" style={{ color: colorScheme }}>
        {t('Health')}: {currentHealth}/{maxHealth}
      </Text>
      <ProgressBar
        value={percentage}
        max={100}
        style={{ width: '200px', height: '20px' }}
        barStyle={{ backgroundColor: colorScheme }}
      />
    </div>
  );
};

export default HealthBar;
```

In Unreal Engine, the `HealthBar` component is exposed to UMG via ReactorUMG’s `UMG React Component` node. The `PlayerState` class broadcasts health updates to the React component using a custom event. The component is then placed in the game’s HUD widget, where it automatically updates when the player’s health changes. This approach reduces boilerplate code and makes the UI more maintainable, as the health bar logic is centralized in React while still leveraging Unreal Engine’s native systems for performance and integration.

To test this, load the game and verify that the health bar updates smoothly when taking damage or healing. Check the console for any ReactorUMG warnings or errors, and ensure the localization strings are correctly loaded from the game’s translation files.