Hacker News Reader

Excuse my ignorance as I'm not a react dev, but what's the use-case of exporting an svg into react?

Why would a react dev use the react export feature over inlining an svg?

Not the person you're replying to - but in my experience, it can be easier to put the SVG in a component by itself to make changes to it wherever it may be used by just navigating to the path of the SVG itself rather than digging up the actual component it's used in.

There are very minor differences between what's a valid SVG and what's valid JSX, and web apps like this one will often offer to translate those fields for you as well as add the rest of the "component stuff" to make it copy-pastable.

Presumably, it would let you dynamically update the SVG the same way that React lets you dynamically update HTML. As simple examples, imagine an SVG clock or some map-based data visualization.

Reply on news.ycombinator.com