Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-09-03 12:41:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: lazy load all routes

Browse Source
This commit is contained in:
thecodrr
2020-04-20 12:51:59 +05:00
parent b468dc0763
commit 6c094a43ab
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/navigation/route.js
View File

@@ -1,4 +1,4 @@
import React from "react";
import React, { Suspense } from "react";
import { Box, Flex, Heading, Text } from "rebass";
import * as Icon from "../components/icons";
import ThemeProvider from "../components/theme-provider";
@@ -94,7 +94,9 @@ function Route(props) {
)}
</Flex>
{props.route.component && (
<props.route.component navigator={navigator} {...props.params} />
<Suspense fallback={<Text>Loading...</Text>}>
<props.route.component navigator={navigator} {...props.params} />
</Suspense>
)}
</ThemeProvider>
);

20
apps/web/src/views/index.js
View File

@@ -1,9 +1,11 @@
export const Home = require("./Home").default;
export const Notebooks = require("./Notebooks").default;
export const Notes = require("./Notes").default;
export const Topics = require("./Topics").default;
export const Settings = require("./Settings").default;
export const Trash = require("./Trash").default;
export const Account = require("./Account").default;
export const Tags = require("./Tags").default;
export const Search = require("./Search").default;
import { lazy } from "react";
export const Home = lazy(() => import("./Home"));
export const Notebooks = lazy(() => import("./Notebooks"));
export const Notes = lazy(() => import("./Notes"));
export const Topics = lazy(() => import("./Topics"));
export const Settings = lazy(() => import("./Settings"));
export const Trash = lazy(() => import("./Trash"));
export const Account = lazy(() => import("./Account"));
export const Tags = lazy(() => import("./Tags"));
export const Search = lazy(() => import("./Search"));