css-suspense
css-suspense copied to clipboard
threepointone
css loading for react
css-suspense
loading css files, the suspense way.
requirements
- 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
api
the api is a boring Stylesheet tag.
<Stylesheet href='/path/to/style.css'/>
{/* this content will not render to dom
until the stylesheet finishes loading */}
<span className='big'>what up what up</span>
todo
- unload styles that aren't used (needs
SimpleCacheProvider::invalidate) - tests etc etc
threepointone