How to properly separate admin and visitor page in React js?

Question

React

New to react. I want to separate the admin panel and the page for the user in MERN. It turns out that one page is made into the react and then the components are loaded. But the admin panel and the user page have a different design and CSS files. How to separate Css so that they do not overlap each other?

Answer 1

Css-modules, BEM, whatever. This question is not about react, but about CSS.

Answer 2

I like the css modules approach - it's very convenient, there are no long class names like in BEM. But nevertheless, BEM is also a very popular thing.