0

We have a software today that we are trying to port to React with the help of Webpack, but before I start, I want some input for best practice since I have only worked with single entry, simple structured apps before.

The system is built like modules/plugins (own phrasing, not actual react modules) and one "Core project".

The folder structure today is like following:

System root   
  Core
    Core.js   
  Plugins
      Plugin1
        Plugin1.js
      Plugin2
        Plugin2.js

The plugins need to keep track of the Routing themselves, and I cannot rely on Core to know what Routes are available. I would also like to have separate entries for each plugin to make scalability easier in the long run.

I can, of course, have one entry and in Core.js make import for all Plugins etc but that does not allow for much scalability and Core.js must be aware of all plugins and import all plugins etc.

Can someone give me some pointers on how to best go foward with this idea?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.