ES6 Workshop

The what, why, and how of the new features in JavaScript

Kent C. Dodds

Utah

1 wife, 3 kids

PayPal, Inc.

@kentcdodds

@kentcdodds

kcd.im/es6-intro-slides

kcd.im/es6-intro-recording

Special Shoutouts

• Aaron Frost & Axel Rauschmayer: original workshop (tests)
• Luke Hoban: es6features repo (several examples) 
• Sebastian McKenzie: Babel (transpiler)

Staying awake.......

Please Stand...

What this workshop is not

• A demo of every single feature of ES6
• Given by a member of the TC-39 / avid spec reader
• Step-by-step guide for exactly how you should add ES6 to your project at work
• Boring / hands off

What this workshop is

• A demo of most of the features in ES6 (the ones you're likely to use regularly).
• Given by a coder who's used ES6 since Babel was 6to5
• Giving you the tools you need to figure out the best way to use ES6 in your project
• Interactive, exciting, and fun!

Learn
Code
Repeat

Upgrade an App to use ES6

Let's
Get
STARTED!

Steps...

$ git clone https://github.com/kentcdodds/es6-workshop.git

$ cd es6-workshop

$ npm run setup

$ npm start

Open up the project in your favorite editor

If you have yarn installed, you can run
`yarn run setup:yarn`

instead of

`npm run setup`

App Time!

Steps...

git clone https://github.com/kentcdodds/es6-todomvc.git

cd es6-todomvc

npm run setup:workshop

Open http://localhost:8080