This one is a big work in progress but it's a big one for performance!
Hacker UI will be using react-style-system and it's included babel plugin. This plugin extracts out static CSS and re-writes imports to use a lighter and smaller version of createStyles. This is a MAJOR speed improvement for both bundle size, TTI, and rendering time.
Refactors the exampleLoader to use ES modules so that its implementation is tree-shakable. This removes all the of the font-awesome icons that were left in the docs bundle
Adds in code splitting on each route and for the code examples text.
All of this takes the main bundle of the Hacker UI docs from 1.2 MiB to 340KiB!
This one is a big work in progress but it's a big one for performance!
react-style-system
and it's included babel plugin. This plugin extracts out static CSS and re-writes imports to use a lighter and smaller version ofcreateStyles
. This is a MAJOR speed improvement for both bundle size, TTI, and rendering time.exampleLoader
to use ES modules so that its implementation is tree-shakable. This removes all the of the font-awesome icons that were left in the docs bundleAll of this takes the main bundle of the Hacker UI docs from
1.2 MiB
to340KiB
!