New Prague, Minnesota

    react-universally-skinny

    4.0.0 • Public • Published

    React, Universally - Skinny

    A "when size matters" adaptation of the react-universally starter kit.

    TOC

    About

    This is an alternative version of react-universally (a starter kit that contains all the build tooling and configuration you need to kick off your next universal react project, whilst containing a minimal "project" set up allowing you to make your own architecture decisions). Please reference the react-universally documentation for the features contained within this starter kit.

    This adaptation of the starter kit attempts to provide you with as small as a client bundle size as possible whilst maintaining the equivalent features/functionality. It does so by making use of the amazing preact and preact-compat libraries.

    Take a look at the differences in bundle size output...

    react-universally

    Chunk Name Size (GZipped)
    main-cb2669ecf95d09720eb1.js 70.6 KB
    1-9aa9096e3fc8a0c2c097.js 1.4 KB
    0-caed1bc1f639ca595cb2.js 1.0 KB

    react-universally-skinny

    Chunk Name Size (GZipped)
    main-cb2669ecf95d09720eb1.js 24.5 KB
    1-9aa9096e3fc8a0c2c097.js 0.861 KB
    0-caed1bc1f639ca595cb2.js 1.0 KB

    BOOM, 60% size savings!

    Of course these don't come without a cost. As we are using preact we have had to drop react-hot-loader and instead replace it with a native implementation of webpack HMR feature. You still have hot reloading, it's not as powerful, but it's probably good enough.

    References

    Install

    npm i react-universally-skinny

    DownloadsWeekly Downloads

    1

    Version

    4.0.0

    License

    MIT

    Last publish

    Collaborators

    • ctrlplusb