Advice Generator w/ React & styled-components

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi Paula, I used a loader in my solution, both for when the page loads and also for each time the dice is clicked. I've seen others do it too, and I think we all write ours a bit differently. Anyway, instead of explaining how I did it, I'll just share my solution with you, and you can just pick apart the code: https://www.frontendmentor.io/solutions/responsive-component-with-api-and-data-fetching-acBCRNQ6R9

  One comment I have about your app: I tried to load the next advice but it wouldn't load, which is most likely due to Firefox's caching setting. To get around this so that Firefox users can also use your app, you can try adding a request object. Since you're using axios, it might look something like this:

  const config = {   
     'Cache-Control': 'no-cache',
     'Pragma': 'no-cache',    
     'Expires': '0',
   };
  
  axios.get("https://api.adviceslip.com/advice", config)
  

  Anyway, hope some of this helps you out!

  Marked as helpful

  2

  ---

  

  Paula Rodrigues•250

  @paulaabroPosted about 2 years ago

  @elaineleung couldn't make the firefox work yet but researching it the code gives me a cors error

  0