Лучше, быстрее, мощнее: styled-components v4

Пример с модификатором

import { oneOf } from 'prop-types';
import styled from 'styled-components';

export const Heading = styled.div`
    font-weight: 400;
    font-size: ${
        ({ $size }) => ({
            1: '32px',
            2: '28px',
            3: '24px',
            4: '20px',
            5: '16px',
            6: '14px'
        })[$size]
    };  
`;
Heading.propTypes = {
    $size: oneOf('1 2 3 4 5 6'.split(' '))
};
Heading.defaultProps = {
    $size: '1'
};

// usage
<Heading as={h1} $size="1">Title</Heading>

Минусы:

• раздуваются стили, исправление ожидается (можно решить временно с помощью csso минификации { restructure: true })
• некоторые свойства пробрасываются в html, что раздует разметку при ssr (можно решить соглашением именования пропертей, например $size или _size вместо size, или другое название проперти не из whitelist)

Webpack + React. Как уменьшить бандл в 15 раз

Расскажите, пожалуйста, что-нибудь про tree-shaking в webpack.