minor changes

app/webpack2-slides/30-fast1/01-bundling.md

@@ -2,7 +2,7 @@
 
 ### Why is bundling better than serving modules directly?
 
-* ⚗️ browsers *don't support modules* (currently)
+* ⚗️ not all browsers *support modules*
 * 🚈 *fewer requests*
 * ✂️ *better gzipping*
 * 📧 *less* browser *overhead*

app/webpack2-slides/30-fast1/02-on-demand-loading.md

@@ -50,3 +50,24 @@ onclick = () => {
     .catch(err => { /*...*/ }); 🚧 // handle loading error
 };
 ```
+
+---
+
+---
+
+## 🤓 On Demand Loading 🤓 [Expert]
+
+``` js
+// Give the chunk a name
+import( /* webpackChunkName: "my-chunk" */"module-a")
+```
+
+``` js
+// Join chunks with equal name
+import(/* webpackChunkName: "my-chunk" */"module-b")
+```
+
+``` js
+// *Simple*  expressions are supported
+import(`./pages/${page}`)
+```

app/webpack2-slides/50-fast2/10-server-side-rendering.md

@@ -19,8 +19,8 @@ Display content faster.
 * Frontend code often **doesn't run on node.js**
   * *imports CSS, Images, Fonts, etc.*
 * webpack has a **`target`** option
-  * defaults to `web`
-  * **`node`**: Build bundle for node.js
+  * defaults to `"web"`
+  * **`"node"`**: Build bundle for node.js
 * *separate config* for server build
   * `style-loader` -> **`null-loader`**
   * `file-loader` -> **`file-loader { emitFile: false }`**

app/webpack2-slides/55-popular-apps/20-popular-webpack-users.md

@@ -74,8 +74,8 @@
 * 1 manifest chunk (but not inlined 🤔)
 * 📦 1 vendor chunk
 * 📦 1 app chunk (**App Shell**)
-* 📦 48 **language chunks** (globalize-webpack-plugin)
-* 📦 41 page chunks
-* 📡📦 2 on demand chunks
-* 🔋 **Service Worker** (serving App, but not Content)
-  * installed too early? Slows down connection.
+* 📦 44 **language chunks** (globalize-webpack-plugin)
+* 📦 37 page chunks
+* 📡📦 4 on demand chunks
+* 🔋 **Service Worker** (serving App and Content)
+* https://blog.twitter.com/2017/how-we-built-twitter-lite

app/webpack2.js

@@ -62,7 +62,7 @@ var deck = bespoke.from("article", [
 	theme(),
 	scale(),
 	progress({
-		time: 30 * 60 * 1000
+		time: 40 * 60 * 1000
 	})
 ]);
 

package.json

@@ -41,8 +41,5 @@
     "style-loader": "^0.12.4",
     "webpack": "^2.2.0",
     "webpack-dev-server": "^2.0.0"
-  },
-  "devDependencies": {
-    "gh-pages": "^0.4.0"
   }
 }