Factory & Constructor Functions

What's the primary advantage of this abstract factory implementation?

const UIFactory = (theme) => {
  const themes = {
    light: {
      createButton: (text) => ({
        text,
        background: 'white',
        color: 'black'
      }),
      createInput: (placeholder) => ({
        placeholder,
        background: 'white',
        border: '1px solid black'
      })
    },
    dark: {
      createButton: (text) => ({
        text,
        background: 'black',
        color: 'white'
      }),
      createInput: (placeholder) => ({
        placeholder,
        background: 'black',
        border: '1px solid white'
      })
    }
  };
  
  return themes[theme] || themes.light;
};

It creates faster UI components
It uses less memory than regular factories
It provides consistent theming across components
This abstract factory implementation ensures consistent theming across different UI components by encapsulating all theme-specific creation logic in a single place. It provides a family of related factories (createButton, createInput) that work together to maintain consistent styling. This pattern is particularly useful for creating themed UI components as it ensures all components follow the same theme without repetition of theme logic throughout the codebase.
It makes components more reusable

Next Question (16/20)