15
Fulfill the promise Async patterns with javascript Ran Wahle

Async patterns in javascript

Embed Size (px)

Citation preview

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