render as you fetch

Author: ryansolid

package-lock.json

@@ -25,18 +25,18 @@
   "homepage": "https://github.com/ryansolid/solid-realworld#readme",
   "dependencies": {
     "marked": "^0.8.0",
-    "solid-js": "0.16.6"
+    "solid-js": "0.16.8"
   },
   "devDependencies": {
-    "@babel/core": "7.8.3",
+    "@babel/core": "7.8.4",
     "@babel/plugin-proposal-optional-chaining": "7.8.3",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "babel-preset-solid": "~0.16.6",
-    "rollup": "1.29.0",
+    "@rollup/plugin-commonjs": "11.0.2",
+    "@rollup/plugin-node-resolve": "7.1.1",
+    "babel-preset-solid": "~0.16.8",
+    "rollup": "1.31.1",
     "rollup-plugin-babel": "4.3.3",
     "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "5.2.0",
     "rollup-plugin-terser": "^5.2.0",
     "serve": "^11.3.0"
   }

package.json

@@ -1,5 +1,5 @@
-import resolve from "rollup-plugin-node-resolve";
-import commonjs from "rollup-plugin-commonjs";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
 import babel from "rollup-plugin-babel";
 import clear from "rollup-plugin-clear";
 import { terser } from "rollup-plugin-terser";
@@ -16,11 +16,12 @@ const plugins = [
   }),
   resolve({ extensions: [".js", ".jsx"] }),
   commonjs(),
-  process.env.production && terser()
+  terser()
 ];
 
 export default {
   input: "src/index.js",
+  manualChunks: {vendor: ["solid-js", "solid-js/dom"]},
   output: {
     dir: "dist",
     format: "esm"

rollup.config.js

@@ -1,13 +1,13 @@
 import { lazy } from "solid-js";
 import { useStore, useRouter } from "./store";
 import NavBar from "./components/NavBar";
+import Home from "./pages/Home";
+import Article from "./pages/Article";
+import Profile from "./pages/Profile";
 
-const Home = lazy(() => import("./components/Home")),
-  Editor = lazy(() => import("./components/Editor")),
-  Settings = lazy(() => import("./components/Settings")),
-  Auth = lazy(() => import("./components/Auth")),
-  Article = lazy(() => import("./components/Article")),
-  Profile = lazy(() => import("./components/Profile"));
+const Editor = lazy(() => import("./pages/Editor")),
+  Settings = lazy(() => import("./pages/Settings")),
+  Auth = lazy(() => import("./pages/Auth"));
 
 export default () => {
   const [store, { setAppLoaded, pullUser }] = useStore(),