Async + Await

Freshbooks — Sponsor

If you are a small business or freelancer check out Freshbooks.com Cloud Accountingand get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.

Show Notes

02:55

• Wes' Async + Await talk on YouTube from DotJS
• JavaScript is Asynchronous
• Ryan Dhal (Creator of Node.js) original Node.js talk

06:00

• Callback Hell
• Q
• Bluebird
• What is a promise?
• Promises are an IOU

8:30

• Async + Await IS promises
• What is Async + Await?
• How does the code look?
• Returning values from an await

15:20

• Performance Considerations
• MEGA PROMISES
• Promise.all()
• Here is an example:
• const [weather, store] = Promise.all(getWeather(), getStores());

19:22

• This stuff is 100% native
• Most new Browser APIs are build on Promises
• Fetch()
• Some examples:
• await fetch(' https://api.github.com/users/wesbos').then(data => data.json())
• OR
• await (await fetch(' https://api.github.com/users/wesbos')).json()
• Axios

22:48

• The Payment Request API
• You should listen to episode 006 on accepting money on the internet
• Web Animation API

27:00

• Snackisodes
• Snack Packs
• Hasty Treats?!!!

28:00

• Making callback-based functions promised basked
• es6-promisify
• util.promisify()

30:00

• Error Handling Methods
• View my slides for some code examples.
• Try/Catch
• High Order Function
• Just handle the error when you callIt().catch(dealWithIt);
• Node's process.on('unhandledRejection') event

36:00

• Browser Support
• Babel it!

38:00

• AbortController()
• Abortable Fetch

SIIIIICK PICKS

42:00

• Scott: Ring Doorbell
• Wes: The Indicator Podcast

47:00

• Sick Tip
• Chrome's Autoplay is changing
• Details on this
• Visit chrome://media-engagement to see your scores

Shameless Plugs

• Fullstack GraphQL
• CSS Grid Course is coming sooooon!

Tweet us your tasty treats!

• Scott's Instagram
• LevelUpTutorials Instagram
• Wes' Instagram
• Wes' Twitter
• Wes' Facebook
• Scott's Twitter
• Make sure to include @SyntaxFM in your tweets