HOC examples

hoc-examples.js

// I18n

const translateable = (translations) => (Component) => 
  (props = { locale: 'default' }) => {
    const localTranslations = translations[locale]
    return <Component { ...props } { ...localTranslations } />
  }
  
const Greeter = ({ greeting, name }) =>
  <p>{ greeting }, { name }</p>
  
const TranslatableGreeter = translateable({ 
  default: {
    greeting: 'Hello'
  },
  au: {
    greeting: 'G\'day'
  }
})(Greeter)

// Or more (sort of) explicitly

const Greeter = translateable({ 
  default: { greeting: 'Hello' },
  au: { greeting: 'G\'day' }
})(
  (props =  {greeting, name: 'There' }) => {
    return <p>{ greeting }, { name }</p>  
  }
)