Changes in preparation for talk

Author: s0

typescript-js-ecosystem/application-1/error_1.png

@@ -4,6 +4,6 @@ const result1 = _.head([1, 2, 3, 4]);
 console.log(result1);
 // => 1
 
-const result2 = _.head([]);
+const result2 = _.haed([]);
 console.log(result2);
 // => undefined

typescript-js-ecosystem/application-1/error_2.png

@@ -4,6 +4,6 @@ const result1 = _.head([1, 2, 3, 4]);
 console.log(result1);
 // => 1
 
-const result2 = _.head([]);
+const result2 = _.haed([]);
 console.log(result2);
 // => undefined

typescript-js-ecosystem/application-1/error_3.png

@@ -1,9 +1,16 @@
-import * as _ from 'lodash';
+import * as lightDesk from '@synesthesia-project/light-desk';
 
-const result1 = _.head([1, 2, 3, 4]);
-console.log(result1);
-// => 1
+function buttonPressed() {
+  console.log("The button was pressed!");
+}
 
-const result2 = _.head([]);
-console.log(result2);
-// => undefined
+const desk = new lightDesk.LightDesk();
+
+// Create the root "group" for your desk, which new components can be added to
+const group = new lightDesk.Group();
+desk.setRoot(group);
+
+// Create a button that calls buttonPressed(),
+const button = new lightDesk.Button("Hello World");
+group.addChild(button);
+button.addListener(buttonPressed);

typescript-js-ecosystem/application-2/screenshot-2.png

@@ -4,7 +4,6 @@
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
-    "@types/lodash": "^4.14.136",
     "typescript": "^3.5.3"
   }
 }

typescript-js-ecosystem/application-2/screenshot.png

@@ -2,11 +2,6 @@
 # yarn lockfile v1
 
 
-"@types/lodash@^4.14.136":
-  version "4.14.136"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.136.tgz#413e85089046b865d960c9ff1d400e04c31ab60f"
-  integrity sha512-0GJhzBdvsW2RUccNHOBkabI8HZVdOXmXbXhuKlDEd5Vv12P7oAVGfomGp3Ne21o5D/qu1WmthlNKFaoZJJeErA==
-
 typescript@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.5.3.tgz#c830f657f93f1ea846819e929092f5fe5983e977"