[core] Bundling vs dependencies

[oliviertassinari]

In its current form, the released packages bundle code instead of relying on a nested dependency tree.

For instance:

• The @material-ui/x package bundles @material-ui/x-license & @material-ui/x-grid & @material-ui/x-tree-view
• The @material-ui/x-grid package bundles @material-ui/x-grid & @material-ui/x-license
• The @material-ui/x-tree-view package bundles @material-ui/x-tree-view & @material-ui/x-license

I can't help myself asking, wouldn't it be better to leverage transitive dependencies? In this mode, we would get this tree structure:

   @material-ui/x
    ├── @material-ui/x-grid
    │   └── @material-ui/x-license
    └── @material-ui/x-tree-view
        └── @material-ui/x-license

Which can avoid duplicates in developer's bundle when they start to do fancy stuff, like importing from @material-ui/x and @material-ui/x-tree-view at the same time.

[oliviertassinari]

I strongly think that we should remove duplication to leverage the npm dependency tree. For instance, Kendo-UI: https://npm.anvaka.com/#!/view/2d/%2540progress%2Fkendo-react-dropdowns.

[oliviertassinari]

@flaviendelangle Solved this issue in the end. @mui/x-data-grid-pro depends on @mui/x-data-grid. Proof: https://unpkg.com/browse/@mui/x-data-grid-pro@5.7.0/package.json.