Interactive rating component React

Community feedback

• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Good work,

  "<img src="../images/illustration-thank-you.svg">" i think this works when you have your image assets inside a public folder in React (idk how it is with Vite) when its created with create-react-app, so it is not searching inside the src folder. I assume it might be same for Vite. And about the question, could we not use src="../src/images/" etc then? my theory is that that kind of relative path might not work in production because what is being served and how the setup of root files are (e.g. index.html is served and then app takes over to place inside #root). stuff inside the src gets bundles to a js file, for it to be bundled like so, it needs to import { } like a named import, but it cannot bundled like js + images so that it can use relative paths later on like the index.html would and could. After all, those paths become in the end a relative path for the index.html, so when you have something like "<img src="../src/images/illustration-thank-you.svg">" directly inside your html, it will ask, what src, isnt that bundled and minified already into a single js file? This is my assumption and understanding. Hope it make sense.

  Marked as helpful

  1