Cлоёная архитектура или ООП в современном React / Mobx приложении

Что это было, Бэрримор? Я одного не понимаю -- какую проблему решает этот код?

Через ioc достучаться до стейта приложения можно откуда угодно.

Сопровождение проще, так как не нужно описывать провайдеры (контексты) 

Так вроде один раз достаточно описать провайдер\контекст и ioc не нужен.. разве нет?

// infrastructure.js
const StoresContext = createContext();

class RootStore {
  constructor() {
    this.service1 = new Service1(this);
    this.service2 = new Service2(this);
    this.service3 = new Service3(this);
    
    // внутри сервисы через this.rootStore доступны друг другу 
    // и с помощью mobx-реакций могут внутри себя подписаться на другие сервисы 
  }
}


export const StoresProvider = (props) => {
  const rootStore = new RootStore();

  return (
    <StoresContext.Provider value={rootStore}>
      {props.children}
    </StoresContext.Provider>
  );
};

export const useStore = () => {
  return useContext(StoresContext);
};

// index.js
ReactDOM.render(<StoresProvider><MySuperApp /><StoresProvider>, document.getElementById('root'));

И дальше где угодно

// some deep component
export const MyDeepComponent = observer(() => {
	const { service1, service3 } = useStore();

	return <button onClick={service3.someMethod}>{service1.someValue}</button>
});

а где можно посмотреть исходный код из статьи ? хотелось бы поближе посмотреть как это все работает, особенно самописный DI класс, не до конца понял как там инъекции происходят, а так спасибо за статью видно что продвинутая тема и код тоже)