Async patterns in javascript
Download as PPTX, PDF0 likes426 views
The document discusses various asynchronous patterns in JavaScript, including using events, callbacks with Socket.IO, promises, observables, iterators, generators, and async/await. It provides code examples for promise creation, using the Fetch API, ES2015 iterators, and TypeScript's async/await syntax. The presentation aims to demonstrate asynchronous patterns for event handling, promises, iterators/generators, and async/await in TypeScript and Angular 2.
Async patterns in javascript
- 1. Fulfill the promise Async patterns with javascript Ran Wahle
- 2. A little about myself Fullstack developer at Global-E Enthusiastic front-end developer Poor UI designer
- 3. 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
- 4. Using Events • Trigger • Handle
- 5. Socket.IO Events .on(‘topic’, hander) .emit(‘topic’, args)
- 6. Promise patterns Used for one time callback Has many implementations jQuery.AJAX , angularJs, backbone & more
- 8. Es2015 promise One standard (No more “Success”) Native javascript implementation Native support in new APIs
- 10. Generators & Iterrators Using array methods asynchronously function* yield
- 11. ES2015 iterators
- 12. TS async await Writing asynchronously with “synchronous” syntax await keyword “turns” a promise to its resolved value
- 13. TS Async / Await
- 14. Lets wrap Events Promise implementation for ES5 Promises in ES6 Iterators & Generators async & await (TS)
- 15. Thanks Ran Wahle http://blogs.microsoft.co.il/ranw Twitter: @ranwahle [email protected] Linkedin : https://il.linkedin.com/in/ranwahle