Private Routing on React JS

Beginner React.js developers often face the issue of not having a straightforward way to restrict pages depending on the user level. So I thought I should come in help. This is an easier way to deal with it.

What you are basically doing is you are creating a wrapper that checks some parameters before redering the child component. So on this case, we check if the user is being logged in and if the user have the sufficient level of permission to access the child component depending on the constraints.

I have stripped out the data storage and the authentication from this exampled to make this simple and on point. I will discuss more on storage and authentication on a later post. Until then, enjoy!