Full-Stack React Projects

Reading a user profile

The read method will use fetch to make a GET call to retrieve a specific user by ID. Since this is a protected route, besides passing the user ID as a parameter, the requesting component must also provide valid credentials, which in this case will be a valid JWT received after successful sign-in.

mern-skeleton/client/user/api-user.js:

const read = (params, credentials) => {  return fetch('/api/users/' + params.userId, {    method: 'GET',    headers: {      'Accept': 'application/json',      'Content-Type': 'application/json',      'Authorization': 'Bearer ' + credentials.t    }  }).then((response) => {    return response.json()  }).catch((err) => console.log(err))}

The JWT is attached to the GET fetch call in the Authorization header using the ...