kireerik
/ static package.json
Created
March 3, 2018 00:59
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "scripts": { | |
| "static": "cross-env RAZZLE_STATIC=true razzle build && cross-env NODE_ENV=production node build/server.js" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import http from 'http' | |
| import fs from 'fs-extra' | |
| const staticDirectory = process.env.RAZZLE_STATIC_PATH || 'static' | |
| http.get({url: 'http://' + process.env.HOST + ':' + process.env.PORT | |
| , headers: {'User-Agent': 'all'} | |
| }, response => | |
| response.on('data', html => | |
| fs.writeFile(staticDirectory + '/' + 'index.html', html) |
kireerik
/ render Main.js
Last active
March 3, 2018 00:57
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class Main extends Component { | |
| constructor(properties) { | |
| super(properties) | |
| this.muiTheme = getMuiTheme({ | |
| userAgent: properties.userAgent | |
| }) | |
| } | |
| render = () => |
kireerik
/ hydrate client.js
Created
March 3, 2018 00:52
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| hydrate(<Application userAgent={navigator.userAgent} />, document.getElementById('root')) |
kireerik
/ render server.js
Created
March 3, 2018 00:51
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| renderToString(<Application userAgent={request.headers['user-agent']} />) |
kireerik
/ start package.json
Created
March 3, 2018 00:49
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "scripts": { | |
| "start": "razzle build && cross-env NODE_ENV=production node build/server.js" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {hydrate} from 'react-dom' | |
| import Application from './application/Main' | |
| hydrate(<Application />, document.getElementById('root')) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import express from 'express' | |
| import server from './server' | |
| export default express() | |
| .use((request, response) => server.handle(request, response)) | |
| .listen(process.env.PORT) |
kireerik
/ minification server.js
Created
March 3, 2018 00:46
Material-UI: Get started (Fast!) ⚡ React 16+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {minify} from 'html-minifier' | |
| minify( | |
| `<!DOCTYPE HTML><html lang="en">...</html>` | |
| , { | |
| collapseWhitespace: true | |
| , removeComments: true | |
| , minifyCSS: true | |
| , minifyJS: true | |
| }) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {renderToString} from 'react-dom/server' | |
| import {ServerStyleSheet} from 'styled-components' | |
| import Application from './application/Main' | |
| const sheet = new ServerStyleSheet() | |
| , html = renderToString(sheet.collectStyles(<Application />)) | |
| , css = sheet.getStyleTags() | |
| // server response to send: |
NewerOlder