We need a component that can display a given user's information. A natural place for this information to be presented is when the user navigates to /user/profile. You can see the mock-up User profile file:
![](https://static.packt-cdn.com/products/9781786462909/graphics/assets/ef9ce93e-84a3-4d59-a6f4-66d2d327507e.png)
User profile mock-up
User information is also displayed mocked up elsewhere in the app, at /manager/users:
![](https://static.packt-cdn.com/products/9781786462909/graphics/assets/8de496e4-644b-4d38-bac6-7d4507a186ed.png)
Manager user management mock-up
To maximize code reuse, we need to ensure that you design a User component that can be used in both contexts.
As an example, let's complete the implementation of two user profile-related screens.