loading css files, the suspense way.
- don't inline css into the js bundle
- while server rendering, inline
<link>
tags, enabling progressive css - on client side, suspend rendering till the css loads (with optional fallback ui)
- render synchronously if already loaded
the api is a boring Stylesheet
tag.
<Stylesheet href={require('./style.css')}>
{/* this content will never load
until the stylesheet finishes loading */}
<span className='big'>what up what up</span>
</Stylesheet>
- unload styles that aren't used
- tests etc etc