cyan33 / css-suspense

css loading for react

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