ES6 feature sample code

Author: bbelderbos

days/041-044-react/es6/arrow.js

@@ -0,0 +1,5 @@
+// if single line, omit return and {}
+const myFunc = (name='stranger') => 'Hello ' + name;
+
+console.log(myFunc());
+console.log(myFunc('mike'));

days/041-044-react/es6/class.js

@@ -0,0 +1,21 @@
+class Bite {
+
+  constructor(title, points){
+    this.title = title;
+    this.points = points;
+  }
+
+  str(){
+    return 'Bite: ' + this.title + ' (' + this.points + ' pt.)';
+  }
+}
+
+if (require.main === module) {
+  bite1 = new Bite('sum of numbers', 2)
+  console.log(bite1.str())
+
+  bite2 = new Bite('parse list of names', 3)
+  console.log(bite2.str())
+}
+
+module.exports = Bite;

days/041-044-react/es6/destruct.js

@@ -0,0 +1,13 @@
+const bite = {
+  id: 1,
+  title: 'sum of numbers',
+  level: 'beginner',
+  points: 3,
+}
+
+// destructure bite object
+const { id, title, level, points } = bite;
+console.log(id);
+console.log(title);
+console.log(level);
+console.log(points);

days/041-044-react/es6/hello.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+class App extends Component {
+
+  render(){
+    const hello = 'Hello world from React';
+    return (
+      <h1>{hello}</h1>
+    )
+  }
+}

days/041-044-react/es6/inherit.js

@@ -0,0 +1,12 @@
+const Bite = require('./class.js');
+
+class EnterpriseBite extends Bite {
+  str(){
+    return 'EP ' + super.str();
+  }
+}
+
+let bite = new EnterpriseBite('hangman', 4);
+
+console.log(bite.title);
+console.log(bite.str());

days/041-044-react/es6/mapfilter.js

@@ -0,0 +1,11 @@
+const ninjas = [
+  { name: 'martin', points: 225 },
+  { name: 'mike', points: 200 },
+  { name: 'dirk', points: 175 },
+];
+
+console.log(
+  ninjas
+  .filter(ninja => ninja.points >= 200)
+  .map(ninja => `<li>${ninja.name}</li>`)
+)