title: How to refresh JWT tokens in React.js Application?
body: <p>I checked all the similar questions here but none has what I need.
  I'm securing the routs in my App and sending the JWT with every request and everything is fine here.
  The issue is when the JWT expires, instead of logging out the user, I need to know how to refresh that token and keep the user logged in.</p>
  
  <p>Everyone is talking about creating a "Middleware" that handles that, but no one says how to create that middleware and what's in it?</p>
  
  <p>So, what is the best practice in doing that? Should I check for JWT expiration date before sending any request? or should I wait for a "401" response then try to refresh the token (which I don't know how to do), or what exactly?</p>
  
  <p>If anyone has a working example of such a middleware or a package or a project on Github that can help me with this it would be great.</p>
  
  <p>I'm only interested in the front-end part of the process, what to send from react and what should I expect to receive and what to do with it.</p>