28

January 17th, 2018 ×

Async + Await

or

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

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!

Share

Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window