const DashboardPage = lazy(() => import('@/features/dashboard/pages/DashboardPage')); const ProductsPage = lazy(() => import('@/features/products/pages/ProductsPage')); const NotFoundPage = lazy(() => import('@/shared/ui/NotFoundPage'));
index: true, element: ( <Suspense fallback=<PageLoader />> <DashboardPage /> </Suspense> ), , react application architecture for production pdf
If the data comes from an API, it does NOT belong in Redux/Zustand. Cache it with React Query. const DashboardPage = lazy(() =>