async patterns in javascript
TRANSCRIPT
![Page 1: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/1.jpg)
Fulfill the promise Async patterns with javascript Ran Wahle
![Page 2: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/2.jpg)
A little about myself
Fullstack developer at Global-E Enthusiastic front-end developer Poor UI designer
![Page 3: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/3.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/4.jpg)
Using Events
• Trigger
• Handle
![Page 5: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/5.jpg)
Socket.IO Events
.on(‘topic’, hander) .emit(‘topic’, args)
![Page 6: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/6.jpg)
Promise patterns
Used for one time callback Has many implementations
jQuery.AJAX , angularJs, backbone & more
![Page 7: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/7.jpg)
Promise creation demo
![Page 8: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/8.jpg)
Es2015 promise
One standard (No more “Success”) Native javascript implementation Native support in new APIs
![Page 9: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/9.jpg)
Using Fetch API
![Page 10: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/10.jpg)
Generators & Iterrators
Using array methods asynchronously function* yield
![Page 11: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/11.jpg)
ES2015 iterators
![Page 12: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/12.jpg)
TS async await
Writing asynchronously with “synchronous” syntax await keyword “turns” a promise to its resolved value
![Page 13: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/13.jpg)
TS Async / Await
![Page 14: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/14.jpg)
Lets wrap
Events Promise implementation for ES5 Promises in ES6 Iterators & Generators async & await (TS)
![Page 15: Async patterns in javascript](https://reader036.vdocument.in/reader036/viewer/2022062310/58819c7e1a28ab1a398b4613/html5/thumbnails/15.jpg)
Thanks
Ran Wahlehttp://blogs.microsoft.co.il/ranwTwitter: @[email protected] : https://il.linkedin.com/in/ranwahle