Я разрабатывал WebApp, в котором пользователь мог видеть несколько комбинаций компонентов, например, несколько заголовков, боковых панелей, основных и нижних колонтитулов.Я хочу предложить лучший способ организовать и структурировать код, поддерживать масштабируемость и рефаторинг.
Я попытался разделить файл маршрутов для группы пользователей с маршрутами, к которым у него есть доступ.На основе пользователя я показываю другой макет, например ClientLayout или AdminLayout.
import ClientLayout from '../layouts/ClientLayout.jsx';
let clientRoutes = [
{
path: '/client',
name: 'home',
component: ClientLayout
}
];
export default clientRoutes;
Без ошибок Мне нужны только предположения о том, как организовать это для этого типа приложения, полагая, что будут отображаться комбинации нескольких компонентов.