Factory & Constructor Functions

What's the advantage of this hybrid approach?

class Component {
  constructor(config) {
    Object.assign(this, config);
  }
}

const componentFactory = {
  button: (props) => new Component({
    type: 'button',
    ...props,
    render() { /* render button */ }
  }),
  input: (props) => new Component({
    type: 'input',
    ...props,
    render() { /* render input */ }
  })
};

It's faster than regular factories
It uses less memory
It combines prototype inheritance with factory flexibility
This hybrid approach combines the benefits of constructor functions (prototype inheritance through the Component class) with the flexibility of factory functions (creating specialized components). All components inherit from Component while the factory provides a clean interface for creating different types. This gives you both shared behavior through the prototype chain and specialized behavior through factory customization.
It makes debugging easier

Next Question (20/20)