Pouze dvě nová klíčová slova, a tolik nadšení! Co je async/await, proč je to v Node.js komunitě tolik očekáváno? Jak postupuje implementace a jaký je současný stav? V přednášce se dozvíte nejenom odpovědi na tyto otázky, ale taky praktické rady jestli, kdy a jak začít používat async/await už dnes.

1. Nativní async/await
v Node.js
Už tam jsme??
Miroslav Bajtoš

2. Proč async/await?

3. it('creates a product in a category', function(done) {
Category.create({name: 'Food'}, function(err, cat) {
if (err) return done(err);
cat.products.create({name: 'Apple'}, function(err, prod) {
if (err) return done(err);
expect(prod).to.have.property('categoryId', cat.id);
done();
});
});
});
ES5 - důvěrné známe jistoty

4. it('creates a product in a category', function(done) {
Category.create({name: 'Food'}, function(err, cat) {
if (err) return done(err);
cat.products.create({name: 'Apple'}, function(err, prod) {
if (err) return done(err);
expect(prod).to.have.property('categoryId', cat.id);
done();
});
});
});
S červíkem pochybností

6. it('creates a product in a category', function(done) {
var cat;
async.waterfall([
function(next) {
Category.create({name: 'Food'}, next);
},
function(c, next) {
cat = c;
cat.products.create({name: 'Apple'}, next);
},
function(prod, next) {
expect(prod).to.have.property('categoryId', cat.id);
next();
}
], done);
});
ES5 - caolan/async

7. it('creates a product in a category', function() {
return Category.create({name: 'Food'}).then(cat => {
return cat.products.create({name: 'Apple'}).then(prod => {
expect(prod).to.have.property('categoryId', cat.id);
});
});
});
ES6/ES2015 - Promises

8. it('creates a product in a category', async function() {
const cat = await Category.create({name: 'Food'});
const prod = await cat.products.create({name: 'Apple'});
expect(prod).to.have.property('categoryId', cat.id);
});
ES2017 - async/await

9. function one() {
return Promise.resolve(1);
}
async function two() {
const i = await one();
return i+1;
}
two().then(n => console.log(n));
Snadné kombinování

10. Stav implementace v Node.js

11. Standardizace v ECMAScript
Leden 2014: začíná diskuse v TC39
Srpen 2015: stage 2 (“draft”)
Říjen 2015: stage 3 (“candidate”)
Říjen 2016: stage 4 (“finished”)

12. Node.js
Říjen 2016: Node.js 7.0.0 (V8 5.4)
$ node --harmony async-await.js
Únor 2017: Node.js 7.6.0 (V8 5.5)
$ node async-await.js
Duben 2017: Node.js 8.0.0-RC (V8 5.7)
výrazné zvýšení výkonu

13. async function two() {
const i = await one();
throw new Error('test');
}
Error: test
at two (err-stack.js:3:9)
at process._tickCallback (next_tick.js:109:7)
...
Stack trace - await

14. function two() {
return one().then(() => {
throw new Error('test');
});
}
Error: test
at one.then (err-stack.js:3:9)
at process._tickCallback (next_tick.js:109:7)
...
Stack trace - Promises

15. Výkon - Node.js 8.0.0-alpha
doxbee/sequential from bluebird

16. Výkon - Node.js 6.10.1 LTS
doxbee/sequential from bluebird

17. Starší verze tady budou ještě dlouho
https://github.com/nodejs/LTS

18. Interoperabilita s Bluebird
const Promise = require('bluebird');
const one = () => Promise.resolve(1);
one() instanceof Promise // true
const two = async () => await one() + 1;
two() instanceof Promise // false

19. Mé výhrady k transpilaci
- Složitější nastavení projektu
- Čekání na transpilátor - pomalejší TDD
- Stack traces z transpilovaného kódu
- Ztráta vychytávek nativní verze await

20. Kdy přejít na async/await (nativně)
- Můžete vyžadovat Node.js 8+
- Výkon kódu není kritický
- Stačí vám ES6 Promise API
(bez rozšíření Bluebird)

21. Jak transpilovat

22. // .babelrc
{"plugins": [
["fast-async", {
"compiler": {
"promises": true,
"noRuntime": true,
"es6target": true,
"wrapAwait": false
}}]]}
babel + fast-async

23. // tsconfig.json
{
"compilerOptions": {
"lib": ["es6"],
"target": "es5" // Node.js 4+
"target": "es2015" // Node.js 6+
},
// ...
}
TypeScript

24. Co na to Java?
Icon made by Freepik from www.flaticon.com

25. Děkuji za pozornost!
Email: miro.bajtos@gmail.com
Twitter: @bajtos
GitHub: @bajtos
LinkedIn: bajtos