removed lazy loading for pages

This commit is contained in:
Batyr 2025-05-21 18:06:13 +05:00
parent 524cdaa0bb
commit a4930b57eb
3 changed files with 23 additions and 58 deletions

View File

@ -1,30 +1,21 @@
import { StrictMode, lazy } from "react"; import { StrictMode } from "react";
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom"; import { createBrowserRouter, RouterProvider } from "react-router-dom";
import App from "./App.tsx"; import App from "./App.tsx";
import "./index.css"; import "./index.css";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import {
const Home = lazy(() => import(/* webpackPrefetch: true */ "./pages/home")); About,
const About = lazy(() => import(/* webpackPrefetch: true */ "./pages/about")); B2b,
const B2b = lazy(() => import(/* webpackPrefetch: true */ "./pages/b2b")); BecomeSponsor,
const BecomeSponsor = lazy( Contacts,
() => import(/* webpackPrefetch: true */ "./pages/become-sponsor") Home,
); Media,
const StendForm = lazy( News,
() => import(/* webpackPrefetch: true */ "./pages/stend-form") NewsInner,
); Participants,
const Contacts = lazy( StendForm,
() => import(/* webpackPrefetch: true */ "./pages/contacts") } from "./pages";
);
const News = lazy(() => import(/* webpackPrefetch: true */ "./pages/news"));
const NewsInner = lazy(
() => import(/* webpackPrefetch: true */ "./pages/news-inner")
);
const Participants = lazy(
() => import(/* webpackPrefetch: true */ "./pages/participants")
);
const Media = lazy(() => import(/* webpackPrefetch: true */ "./pages/media"));
const router = createBrowserRouter([ const router = createBrowserRouter([
{ {

10
src/pages/index.ts Normal file
View File

@ -0,0 +1,10 @@
export { default as Home } from "./home";
export { default as B2b } from "./b2b";
export { default as About } from "./about";
export { default as BecomeSponsor } from "./become-sponsor";
export { default as Contacts } from "./contacts";
export { default as Media } from "./media";
export { default as NewsInner } from "./news-inner";
export { default as News } from "./news";
export { default as Participants } from "./participants";
export { default as StendForm } from "./stend-form";

View File

@ -1,36 +0,0 @@
// import { lazy } from "react";
// import { RouteObject } from "react-router-dom";
// import App from "./App";
// const lazyLoad = (path: string) =>
// lazy(() => import(/* webpackPrefetch: true */ path));
// const Home = lazyLoad("./pages/home");
// const About = lazyLoad("./pages/about");
// const B2b = lazyLoad("./pages/b2b");
// const BecomeSponsor = lazyLoad("./pages/become-sponsor");
// const StendForm = lazyLoad("./pages/stend-form");
// const Contacts = lazyLoad("./pages/contacts");
// const News = lazyLoad("./pages/news");
// const NewsInner = lazyLoad("./pages/news-inner");
// const Participants = lazyLoad("./pages/participants");
// const Media = lazyLoad("./pages/media");
// export const routes: RouteObject[] = [
// {
// path: "/",
// element: <App />,
// children: [
// { index: true, element: <Home /> },
// { path: "about", element: <About /> },
// { path: "B2B-B2G", element: <B2b /> },
// { path: "become-sponsor", element: <BecomeSponsor /> },
// { path: "stend-form", element: <StendForm /> },
// { path: "contacts", element: <Contacts /> },
// { path: "news", element: <News /> },
// { path: "news/:id", element: <NewsInner /> },
// { path: "participants", element: <Participants /> },
// { path: "media", element: <Media /> },
// ],
// },
// ];