Syntax - Tasty Web Development Treats
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 Notes02: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
SIIIIICK PICKS42: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
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets