mahendher ma More technically and for robust implementation the concept is called Access Control List (ACL). This (https://levelup.gitconnected.com/access-control-in-a-react-ui-71f1df60f354) article will give you more insights into the concept. Router with ACL https://github.com/AlanWei/react-acl-router Also, googling 'Access control list react' will bring up many relevant articles and npm packages that might be useful for your requirement.

In the user database you should store the role of the user as well so that when the user logs in, the backend server will return the user obect something like below. Then you can conditionally route the user based on the role using react-router. { username : 'Robin' role: 'Admin' id: 234343 , token: '454jklkjflk04i54i5' }

Marco Alka Thanks Marco

I'm getting the reuslt as an object. I want the result to be in the same format as the data with new count being added.

Great article.

Vishwa Bhat I'm not sure if it would fit my requirement. I'd like to use the same form for crud operations and at the same time change the form submit methods(GET, PUT, POST, DELETE) based on the URL patterrns. Below are the URL patterns. The form should be intelligent enough to detect the URL patterns. <Route path= "/person/:id" component={updatePersonInfo} /> ( in updatePersonInfo component the form componet should fetch the person details and prefill the form. <Route path="/person/" component={newPerson} /> (should display the same form in the NewPerson component without any fill and the method should be set to POST)

Diego Bernal The popup just comes up for a second and disappears. Currently I enabled only google in the firebase cosole.