Async + Await — Syntax Podcast 028

A Tasty Treats Podcast for Web Developers.

Ask a Potluck Question →
Wes Bos

Wes Bos

Full Stack JavaScript Developer. Creator of really good web development courses. BBQ enthusiast.

Scott Tolinski

Scott Tolinski

Web Developer, Creator of Level Up Tuts, Bboy, Robotops Crew and Youtuber

Playing: 028: Async + Await

0:00

LOUDNESS

Jan 17th, 2018

Async + Await

👇 Download Show✏️ Edit Show Notes

Freshbooks — Sponsor

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

Show Notes

02:55

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

27:00

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

28:00

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

SIIIIICK PICKS

42:00

47:00

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

Shameless Plugs

Tweet us your tasty treats!