/css-suspense

css loading for react

Primary LanguageJavaScript

css-suspense

loading css files, the suspense way.

(what is suspense?)

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={require('./style.css')}>
  {/* this content will never load 
  until the stylesheet finishes loading */}
  <span className='big'>what up what up</span>
</Stylesheet>

todo

  • unload styles that aren't used
  • tests etc etc