mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-16 02:27:21 +02:00
feat(v2): better UX to avoid flashing screen on first page reload (#1100)
This commit is contained in:
parent
fc7ba5b6b1
commit
a0d229d808
1 changed files with 4 additions and 3 deletions
|
@ -6,15 +6,16 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Loadable from 'react-loadable';
|
|
||||||
import {BrowserRouter} from 'react-router-dom';
|
import {BrowserRouter} from 'react-router-dom';
|
||||||
import ReactDOM from 'react-dom';
|
import ReactDOM from 'react-dom';
|
||||||
|
|
||||||
import App from './App';
|
import App from './App';
|
||||||
|
import preload from './preload';
|
||||||
|
import routes from '@generated/routes'; // eslint-disable-line
|
||||||
|
|
||||||
// Client side render (e.g: running in browser) to become single-page application (SPA)
|
// Client side render (e.g: running in browser) to become single-page application (SPA)
|
||||||
if (typeof document !== 'undefined') {
|
if (typeof window !== 'undefined' && typeof document !== 'undefined') {
|
||||||
Loadable.preloadReady().then(() => {
|
preload(routes, window.location.pathname).then(() => {
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
<App />
|
<App />
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue