File tree Expand file tree Collapse file tree 3 files changed +195
-280
lines changed Expand file tree Collapse file tree 3 files changed +195
-280
lines changed Original file line number Diff line number Diff line change 4
4
"private" : true ,
5
5
"devDependencies" : {
6
6
"react-scripts" : " 1.0.17" ,
7
+ "react-snap" : " ^1.1.1" ,
7
8
"standard" : " ^10.0.3" ,
8
9
"sw-precache" : " ^5.2.0" ,
9
10
"uglifyjs" : " ^2.4.11"
15
16
"react-helmet" : " ^5.2.0" ,
16
17
"react-router-dom" : " ^4.2.2" ,
17
18
"react-scripts" : " 1.0.17" ,
18
- "react-snapshot" : " ^1.3.0" ,
19
19
"styled-components" : " ^2.2.3"
20
20
},
21
21
"scripts" : {
22
22
"start" : " react-scripts start" ,
23
- "build" : " react-scripts build && react-snapshot && yarn run generate-sw && yarn run generate-appcache" ,
23
+ "build" : " react-scripts build && react-snap && yarn run generate-sw && yarn run generate-appcache" ,
24
24
"test" : " react-scripts test --env=jsdom" ,
25
25
"eject" : " react-scripts eject" ,
26
26
"deploy" : " npm run build && firebase deploy" ,
27
27
"generate-sw" : " sw-precache --root=build --config scripts/sw-precache-config.js && uglifyjs build/service-worker.js -o build/service-worker.js" ,
28
28
"generate-appcache" : " node scripts/generate-appcache"
29
+ },
30
+ "reactSnap" : {
31
+ "inlineCss" : true
29
32
}
30
33
}
Original file line number Diff line number Diff line change 1
1
import React from 'react'
2
- import { render } from ' react-snapshot'
2
+ import { hydrate , render } from " react-dom" ;
3
3
import App from './App'
4
4
import './index.css'
5
5
import registerServiceWorker from './registerServiceWorker' ;
6
6
7
- const rootEl = document . getElementById ( 'root' )
8
- render ( < App /> , rootEl )
7
+ const rootElement = document . getElementById ( "root" ) ;
9
8
10
- if ( module . hot ) {
11
- module . hot . accept ( './App' , ( ) => {
12
- const NextApp = require ( './App' ) . default
13
- render ( < NextApp /> , rootEl )
14
- } )
9
+ if ( rootElement . hasChildNodes ( ) ) {
10
+ // some bug prevents to do hydrate, will figure out later
11
+ // hydrate(<App />, rootElement);
12
+ render ( < App /> , rootElement ) ;
13
+ } else {
14
+ render ( < App /> , rootElement ) ;
15
+
16
+ if ( module . hot ) {
17
+ module . hot . accept ( './App' , ( ) => {
18
+ const NextApp = require ( './App' ) . default
19
+ render ( < NextApp /> , rootElement )
20
+ } )
21
+ }
15
22
}
16
23
17
24
registerServiceWorker ( ) ;
You can’t perform that action at this time.
0 commit comments