Alternate browser+server API

Question

Alternate browser+server API

wmertens opened this issue 8 years ago · 4 comments

Would it be possible to use the loader and svg-baker for something like the below?

<SymbolProvider>
    <App/>    // Use with e.g. <UseSymbol symbol={symbol}/>
    <svg>[...all currently-used symbols]</svg> // Gets added automatically, or maybe with another component
</SymbolProvider>

SymbolProvider would add context so that every <UseSymbol/> can register the id as being used.

This way, it also works with server-side rendering, even if multiple render simultaneously. The in-use symbols are all known by the time the svg with symbols renders.

Answer 1 · 2017-05-08T19:34:30.000Z

Is this something you talking about in this issue JetBrains/svg-sprite-loader#45?

Answer 2 · 2017-05-12T06:07:56.000Z

Right, I forgot about that one. I took a quick look and it seems to me that I need to make a custom runtime that doesn't do anything, and then just use the objects the loader returns?

Answer 3 · 2017-05-12T09:53:40.000Z

Yes, but I don't understand your case entirely, could you describe by code what such runtime should do?

Answer 4 · 2017-05-12T18:54:27.000Z

Everything would be done by React components, so there would be no runtime. Whenever you use a sprite it would pass that to the wrapping SpriteProvider which would then maintain the svg with the symbol at the end of the body.

…

On Fri, May 12, 2017, 11:53 AM Stas Kurilov ***@***.***> wrote: Yes, but I don't understand your case entirely, could you describe by code what such runtime should do? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#1 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AADWlnhmC6lSs7hhwNCplRUuc1UvZ4u9ks5r5CwlgaJpZM4NUVPJ> .