more updates to table

Author: quantuminformation

index.html

@@ -12,6 +12,8 @@
   <div id="root"></div>
   <script src="https://cdn.jsdelivr.net/prism/1.3.0/prism.js" type="text/javascript"></script>
   <script src="https://cdn.jsdelivr.net/prism/1.3.0/components/prism-jsx.min.js" type="text/javascript"></script>
+  <script src="https://cdn.jsdelivr.net/prism/1.3.0/components/prism-typescript.min.js" type="text/javascript"></script>
+  <script src="https://cdn.jsdelivr.net/prism/1.3.0/components/prism-bash.min.js" type="text/javascript"></script>
   <script src="./dist/bundle.js"></script>
 </body>
 </html>

package.json

@@ -16,7 +16,7 @@
   "license": "MIT",
   "dependencies": {
     "lodash": "^4.16.0",
-    "normalize.css": "3.0.3",
+    "normalize.css": "5.0.0",
     "react": "^15.3.2",
     "react-dom": "^15.3.2",
     "spectacle": "^1.0.0"
@@ -31,18 +31,18 @@
     "babel-preset-react": "^6.3.13",
     "babel-preset-react-hmre": "^1.0.1",
     "babel-preset-stage-0": "^6.3.13",
-    "css-loader": "^0.23.0",
-    "eslint": "^1.8.0",
-    "eslint-config-defaults": "^7.1.1",
-    "eslint-plugin-filenames": "^0.1.2",
-    "eslint-plugin-react": "^3.6.3",
+    "css-loader": "^0.26.1",
+    "eslint": "^3.12.2",
+    "eslint-config-defaults": "^9.0.0",
+    "eslint-plugin-filenames": "^1.1.0",
+    "eslint-plugin-react": "^6.8.0",
     "express": "^4.13.3",
-    "file-loader": "^0.8.4",
-    "gh-pages": "^0.11.0",
+    "file-loader": "^0.9.0",
+    "gh-pages": "^0.12.0",
     "html-loader": "^0.4.0",
     "is-buffer": "^1.1.1",
     "markdown-loader": "^0.1.7",
-    "node-libs-browser": "^0.5.3",
+    "node-libs-browser": "^2.0.0",
     "raw-loader": "^0.5.1",
     "rimraf": "^2.4.4",
     "style-loader": "^0.13.0",

presentation/index.js

@@ -228,33 +228,32 @@ export default class Presentation extends React.Component {
                 <TableRow>
                   <TableItem>Type parameters as constraints</TableItem>{/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#type-parameters-as-constraints*/}
                   <TableItem>Simplified props type mgt React</TableItem>
-                  <TableItem>async/await -> es6 target</TableItem>
+                  <TableItem>this-based type guards</TableItem>
                 </TableRow>
                 <TableRow>
                   <TableItem>Control flow analysis</TableItem>{/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#control-flow-analysis-errors*/}
                   <TableItem>Augmenting module scope</TableItem>
-                  <TableItem>this-typing</TableItem> {/*resolved to correct type, not just base class*/}
+                  <TableItem>Official TypeScript NuGet package</TableItem> {/*resolved to correct type, not just base class*/}
                 </TableRow>
                 <TableRow>
                   <TableItem>Stateless Fn Comps React</TableItem>
-                  <TableItem>Local type declarations</TableItem>
-                  <TableItem>ES7 ** operator</TableItem>
+                  <TableItem>amd + commons concat with --outFile</TableItem>
+                  <TableItem>Prettier error messages</TableItem>
                 </TableRow>
                 <TableRow>
-                  <TableItem>Augmenting scope from modules {/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#augmenting-globalmodule-scope-from-modules*/}
-                  </TableItem>{/*Functions with code paths that do not return a value in JS implicitly return undefined*/}
                   <TableItem>Class expressions </TableItem>
-                  <TableItem>Improved checking for destructuring</TableItem> {/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#improved-checking-for-destructuring-object-literal*/}
+                  <TableItem>Modules emitted with "use strict"</TableItem>
+                  <TableItem>Colorization of JSX code in VS 2015</TableItem>
                 </TableRow>
                 <TableRow>
                   <TableItem>String literal types</TableItem>
-                  <TableItem>Class expressions </TableItem>
-                  <TableItem>Improved checking for destructuring</TableItem> {/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#improved-checking-for-destructuring-object-literal*/}
+                  <TableItem>Including .js --allowJs</TableItem>
+                  <TableItem>(-p) flag any file path</TableItem> {/*https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#improved-checking-for-destructuring-object-literal*/}
                 </TableRow>
                 <TableRow>
                   <TableItem>Improved un/int type inference</TableItem>
-                  <TableItem></TableItem>
-                  <TableItem>Decorator support for ES3</TableItem>
+                  <TableItem>Custom JSX factories</TableItem>
+                  <TableItem> comments in tsconfig.json</TableItem>
                 </TableRow>
                 </tbody>
               </Table>
@@ -268,7 +267,7 @@ export default class Presentation extends React.Component {
             </Heading>
             <p>I use this in my space invaders game</p>
             <CodePane
-              lang="jsx"
+              lang="js"
               source={require("raw!../examples/somets.ts")}
               margin="20px auto"
             />
@@ -280,29 +279,30 @@ export default class Presentation extends React.Component {
             </Heading>
             <h3>minimal project setup part 1</h3>
             <CodePane
-              lang="sh"
+              lang="bash"
               source={require("raw!../examples/setup.sh")}
               margin="20px auto"
             />
           </Slide>
           <Slide transition={slideTransition}>
             <h3>minimal project setup part 2</h3>
+            <p>tsconfig.json</p>
             <CodePane
-              lang="json"
+              lang="js"
               source={require("raw!../examples/tsconfig.json")}
               margin="20px auto"
             />
           </Slide>
           <Slide transition={slideTransition}>
             <h3>Simple tsx component</h3>
             <CodePane
-              lang="tsx"
+              lang="typescript"
               source={require("raw!../examples/Hello.tsx")}
               margin="20px auto"
             />
             or
             <CodePane
-              lang="tsx"
+              lang="typescript"
               source={require("raw!../examples/HelloClassic.tsx")}
               margin="20px auto"
             />