How to design a scalable React Mobx application architecture?

Question

typescript

Please tell me what patterns to use for designing a React Mobx application. Are there any use cases from large companies that use this stack in complex production? I have an application with a fairly extensive functionality, where all data interact in one way or another, and over time I begin to understand that the more code appears, the more I get confused in all these relationships between entities and who pulls which methods from where. How to properly organize this code base so that after six months returning to the project you don’t have to unravel the tangle?

Answer 1

The modular structure allows you to drag large projects, and a clear hierarchy of dependencies between them. Also OOP and interfaces for everything. Lack of interfaces and modularity lead to death. And what stack does not matter, at least jquery. With regard to the component approach, there is only one trick, the ui kit should be in such a form that it can be put into npm at any time, and in theory every module too, but this is hardly achievable with modules.