JavaScript 1, dag 25 – ES6 features

Vi gick igenom lite ES6 features som destructuring, rest parameters och spread syntax.

Därefter kikade vi på Babel och WebPack.

Se screencasts från dagens lektion samt video 107, 148-150 samt 151-155 från Udemy-kursen.

• 107. Destructuring (3 min)

• 148. Spread & Rest (8 min)
• 149. Sets (9 min)
• 150. Symbols (4 min)

• 151. Modern Feature Support (3 min)
• 152. An Introduction to Babel (5 min)
• 153. Installing Node.js & Babel (11 min)
• 154. Using the Babel CLI (6 min)
• 155. NPM Scripts & Watching Files (9 min)

Länkar

Destructuring

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Rest parameters

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters

Spread syntax

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

NPM

https://www.npmjs.com/

Babel

https://babeljs.io/

---

Workshop

Hämta hem 32-babel från lesson-25, kopiera över mappen till någonstans i din www-mapp och därefter cd:a in i mappen och kör npm install följt av npm run babel.

Nu bör du kunna ändra i src/app.js och se att dist/app.js ändras automatiskt så länge npm run babel är igång.

För att avbryta npm run babel så bara tryck Ctrl+C i din terminal.