diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-03-30 23:11:52 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:54:58 +0200 |
commit | 68a29514484386820c4d23570135fb7a8384c872 (patch) | |
tree | a7f6490a847cd558c1bb0c6a2a55ff37d2e6a438 /packages | |
parent | chore(deps): Bump but keep from react 18 for now (diff) | |
download | sophie-68a29514484386820c4d23570135fb7a8384c872.tar.gz sophie-68a29514484386820c4d23570135fb7a8384c872.tar.zst sophie-68a29514484386820c4d23570135fb7a8384c872.zip |
feat(renderer): Introduce chunk splitting
This should make the application load a tiny bit faster by delaying
loading the UI in parallel with setting up stores and localization.
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages')
-rw-r--r-- | packages/renderer/src/index.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx index 0022ec8..37116db 100644 --- a/packages/renderer/src/index.tsx +++ b/packages/renderer/src/index.tsx | |||
@@ -25,10 +25,9 @@ import '@fontsource/roboto/700.css'; | |||
25 | import CssBaseline from '@mui/material/CssBaseline'; | 25 | import CssBaseline from '@mui/material/CssBaseline'; |
26 | import { autorun } from 'mobx'; | 26 | import { autorun } from 'mobx'; |
27 | import { addDisposer } from 'mobx-state-tree'; | 27 | import { addDisposer } from 'mobx-state-tree'; |
28 | import React, { Suspense } from 'react'; | 28 | import React, { Suspense, lazy } from 'react'; |
29 | import { render } from 'react-dom'; | 29 | import { render } from 'react-dom'; |
30 | 30 | ||
31 | import App from './components/App'; | ||
32 | import Loading from './components/Loading'; | 31 | import Loading from './components/Loading'; |
33 | import StoreProvider from './components/StoreProvider'; | 32 | import StoreProvider from './components/StoreProvider'; |
34 | import ThemeProvider from './components/ThemeProvider'; | 33 | import ThemeProvider from './components/ThemeProvider'; |
@@ -66,6 +65,8 @@ const disposeSetTitle = autorun(() => { | |||
66 | }); | 65 | }); |
67 | addDisposer(store, disposeSetTitle); | 66 | addDisposer(store, disposeSetTitle); |
68 | 67 | ||
68 | const App = lazy(() => import('./components/App')); | ||
69 | |||
69 | function Root(): JSX.Element { | 70 | function Root(): JSX.Element { |
70 | return ( | 71 | return ( |
71 | <React.StrictMode> | 72 | <React.StrictMode> |