Bundle size

Hi @bvaughn ,

We are glad that this library is performing so well on mobile devices for us. One thing that we are concerned about is the bundle size. We are using webpack 2 for bundling with tree-shaking. Currently react-virtualized’s size in our bundle can be seen below.

This is when we are using InfiniteScroller with List. Even though I am fine with this, I would like to know whether this can be improved ? Because even slight reductions in file size can do wonders on mobile.

[SpencerCarstens]

Ran into the same exact issue. Webpack 2 and tree-shaking did not work until:

// Changing...
import { AutoSizer, Column, Table, InfiniteLoader } from 'react-virtualized';

// To...
import { InfiniteLoader } from 'react-virtualized/dist/es/InfiniteLoader';
import { AutoSizer } from 'react-virtualized/dist/es/AutoSizer';
import { Column, Table } from 'react-virtualized/dist/es/Table';

👍

[ritz078]

Here are all the cases that I tried

Case I

import {InfiniteLoader, AutoSizer, List} from 'react-virtualized'

Build: ✅ Loading form : es File size: increases Tree shaking: ❌

Case II

import { InfiniteLoader } from 'react-virtualized/InfiniteLoader'
import { AutoSizer } from 'react-virtualized/AutoSizer'
import { List } from 'react-virtualized/List'

Build: ❌ can’t resolve modules

Case III

import { InfiniteLoader } from 'react-virtualized/dist/es/InfiniteLoader'
import { AutoSizer } from 'react-virtualized/dist/es/AutoSizer'
import { List } from 'react-virtualized/dist/es/List'

Build: ✅ File size: decreases But when I make a request, it gives an error "Unhandled Promise rejection: SyntaxError: Unexpected token import". This has nothing to do with react-virtualized. We even tried this with react-router and got the same error. So either webpack issue or our config. Its really tough with the lack of docs on webpack 2 currently.

Case IV

import { InfiniteLoader } from 'react-virtualized/dist/commonjs/InfiniteLoader'
import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer'
import { List } from 'react-virtualized/dist/commonjs/List'

Build: ✅ File size : decreases Everything works fine.

So currently we are using this. Hopefully we will be able to figure out the webpack issue soon.