Top Banner
Fulfill the promise Async patterns with javascript Ran Wahle
15

Async patterns in javascript

Jan 20, 2017

Download

Software

Ran Wahle
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Async patterns in javascript

Fulfill the promise Async patterns with javascript Ran Wahle

Page 2: Async patterns in javascript

A little about myself

Fullstack developer at Global-E Enthusiastic front-end developer Poor UI designer

Page 3: Async patterns in javascript

What will we see today?

Using Events and good old XHR Callbacks with Socket.IO Promise patterns (and standards) Observables Iterators & generators Async / AWAIT Angular 2 and async

Page 4: Async patterns in javascript

Using Events

• Trigger

• Handle

Page 5: Async patterns in javascript

Socket.IO Events

.on(‘topic’, hander) .emit(‘topic’, args)

Page 6: Async patterns in javascript

Promise patterns

Used for one time callback Has many implementations

jQuery.AJAX , angularJs, backbone & more

Page 7: Async patterns in javascript

Promise creation demo

Page 8: Async patterns in javascript

Es2015 promise

One standard (No more “Success”) Native javascript implementation Native support in new APIs

Page 9: Async patterns in javascript

Using Fetch API

Page 10: Async patterns in javascript

Generators & Iterrators

Using array methods asynchronously function* yield

Page 11: Async patterns in javascript

ES2015 iterators

Page 12: Async patterns in javascript

TS async await

Writing asynchronously with “synchronous” syntax await keyword “turns” a promise to its resolved value

Page 13: Async patterns in javascript

TS Async / Await

Page 14: Async patterns in javascript

Lets wrap

Events Promise implementation for ES5 Promises in ES6 Iterators & Generators async & await (TS)

Page 15: Async patterns in javascript

Thanks

Ran Wahlehttp://blogs.microsoft.co.il/ranwTwitter: @[email protected] : https://il.linkedin.com/in/ranwahle