mauricedb

import { useState } from 'react';

export function useCounter(initial = 0) {
  const [count, setCount] = useState(initial);

  return [count, () => setCount(count + 1)];
}

mauricedb

const fs = require('fs');
const util = require('util');
const crypto = require('crypto');
const mkdrip = require('mkdirp');
const fetch = require('node-fetch');

const exists = util.promisify(fs.exists);
const readFile = util.promisify(fs.readFile);

module.exports = url => {

mauricedb

const fs = require("fs");
const path = require("path");
const router = require("express").Router();

const { renderToNodeStream } = require("react-dom/server");
const React = require("react");
const ReactApp = require("../build/static/ssr/main").default;

console.log(ReactApp)

mauricedb

const path = require("path");
const express = require("express");
const serveStatic = require("serve-static");
const reactApp = require("./react-app");

const PORT = process.env.PORT || 3001;
const app = express();

app.use(reactApp);
app.use(serveStatic(path.join(__dirname, "../build")));

mauricedb

{
  "name": "server-side-rendering-with-create-react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.1.1",
    "react-dom": "^16.1.1",
    "react-scripts": "1.0.17"
  },
  "scripts": {

mauricedb

const HtmlWebpackPlugin = require("html-webpack-plugin");
const ManifestPlugin = require("webpack-manifest-plugin");
const SWPrecacheWebpackPlugin = require("sw-precache-webpack-plugin");

const config = require("react-scripts/config/webpack.config.prod");

config.entry = "./src/index.ssr.js";

config.output.filename = "static/ssr/[name].js";
config.output.libraryTarget = "commonjs2";

mauricedb

npm install --save-dev eslint-config-prettier

mauricedb

npm start

mauricedb

preact create default preact-workshop

mauricedb

npm install -g preact-cli