From 68a29514484386820c4d23570135fb7a8384c872 Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Wed, 30 Mar 2022 23:11:52 +0200 Subject: feat(renderer): Introduce chunk splitting MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- packages/renderer/src/index.tsx | 5 +++-- 1 file 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'; import CssBaseline from '@mui/material/CssBaseline'; import { autorun } from 'mobx'; import { addDisposer } from 'mobx-state-tree'; -import React, { Suspense } from 'react'; +import React, { Suspense, lazy } from 'react'; import { render } from 'react-dom'; -import App from './components/App'; import Loading from './components/Loading'; import StoreProvider from './components/StoreProvider'; import ThemeProvider from './components/ThemeProvider'; @@ -66,6 +65,8 @@ const disposeSetTitle = autorun(() => { }); addDisposer(store, disposeSetTitle); +const App = lazy(() => import('./components/App')); + function Root(): JSX.Element { return ( -- cgit v1.2.3-54-g00ecf