The css-suspense from threepointone

css-suspense's Introduction

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

css-suspense's People

Contributors

Stargazers

Watchers

css-suspense's Issues

Behavior in case of error loading CSS

I've my application broken in case the specified CSS at href is not found.

The fact is that the components returns a failing promises in this case. I can easily wrap this into an error boundary, but I think the component itself should react easily in case of errors (maybe adding an onError props?).

Also: it should not try to add the link tag in case of error, while right it seems to be added in any case.

Multiple hrefs

I'm wondering if you ever evaluated having href prop optionally as an array of CSS (or adding a new prop), for load multiple resources in a concurrent way.

Right now this is possible by nesting Stylesheet, but it's verbose and this will not load CSSes concurrently.

Recommend Projects

threepointone / css-suspense Goto Github PK

css-suspense's Introduction

css-suspense

requirements

api

todo

css-suspense's People

Contributors

Stargazers

Watchers

Forkers

css-suspense's Issues

Behavior in case of error loading CSS

Multiple hrefs

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent