Migrate to Baseui about manifold HOT 5 CLOSED

Thanks for the initiative. Regarding package size in Cons:

Per Ryan's comment, styletron-react-core is supposed to be tree-shakeable. Styled-components should also come with tree-shaking support except for a few issues depending on how we write the component (e.g. with static props).

Shall we do around of benchmarking for the bundle size first, and seek help from BaseUI/Kepler.gl if the size is significantly large?

from manifold.

I'm not a big fan of styled-components. I prefer using UI tools such as baseui or antd and manage css customization through sass or less. You can maintain a namespace scheme to associate each sass file to a component, which basically negates the necessity of using styled components.

Namespace as such:

feature-list-drawing.sass

.feature-list-drawing{
  ...
}

feature-list-drawing.js

import feature-list-drawing.sass

from manifold.

Not good for package size -- Baseui is using styletron as engine; Kepler.gl is using styled-components, and if we switch, Manifold will be depending on both (it seems not hard for Baseui to support styled-components, but it's depriotized uber-web/baseui#114)

How significant is this consideration? If it's not a huge increase in package size in terms of proportion to the current package, then the middle-ground solution seems to be low-hanging to test.

from manifold.

Current bundle size for the demo website build:

Built at: 2019-09-12 23:19:06
     Asset       Size  Chunks             Chunk Names
 bundle.js   28.1 MiB    main  [emitted]  main
index.html  223 bytes          [emitted]  

from manifold.

Resolved by #50

from manifold.