Hasty Treat - Seven Interesting JavaScript Proposals - Async Do, JSON Modules, Immutable Array Methods, and More!

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 28 June 2021

⏱️ 25 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about seven new JavaScript proposals — what they do, where they’re at, and how you might use them. Deque - Sponsor Deque’s axe DevTools makes accessibility testing easy and doesn’t require special expertise. Find and fix issues while you code. Get started with a free trial of axe DevTools Pro at deque.com/syntax. No credit card needed. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes 03:32 - Seven new JavaScript proposals https://github.com/tc39/proposals 06:25 - JSON Modules https://github.com/tc39/proposal-json-modules Builds on the import assertions No named exports Not executed, to avoid security issues Not in Node yet 09:55 - Array Find From Last https://github.com/tc39/proposal-array-find-from-last The problem: you need to group together async code.The only way to do that right now is to wrap it in a function. 11:40 - Async Do https://github.com/tc39/proposal-async-do-expressions Async do will allow you to group together a block of code and mark it as async. No need for an iife Downside to this is that it’s a code block, so if you need to return any values, you’ll need to jump that up a scope level. Promise.all([ async do { let result = await fetch('thing A'); await result.json(); }, async do { let result = await fetch('thing B'); await result.json(); }, ]).then(([a, b]) => console.log([a, b])); 14:33 - Change Array By Copy https://github.com/tc39/proposal-change-array-by-copy Like old array methods, but returns a new array rather than mutating 17:48 - Temporal https://github.com/tc39/proposal-temporal Stage 3, looking good! Amazing, large, very good Date API Syntax 295: Hasty Treat — Temporal Date Objects in JavaScript 18:35 - As Patterns https://github.com/zkat/proposal-as-patterns Scott don’t get it Stage 0 when ([ ‘go’, (‘north’ | ‘east’ | ‘south’ | ‘west’) as dir ]) { … } 20:47 - Pattern Matching https://github.com/tc39/proposal-pattern-matching VERY Rust-like https://doc.rust-lang.org/1.6.0/book/patterns.html Stage 1 {props => match (props) { when ({ loading }) { ; } when ({ error }) { ; } when ({ data }) { ; } }} 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

Transcript

Click on a timestamp to play from that location

0:00.0	Monday Monday Monday open wide dev fans get ready to stuff your face with javascript CSS node module barbecue tips get work flows break dancing soft skills web development the hastiest the
0:13.5	Carrazius the tastiest web development treats coming in hot. Here is West
0:19.2	Barracuda boss and Scott L. Toro Lungo to Linsky
0:25.2	Welcome to syntax and this is the 365th episode and we are going to be talking about seven interesting JavaScript proposals. These are going to be things that are at various levels. They call them stages.
0:41.2	There are various levels. Some of them may see the light of the day and some of them just maybe just relinquish to a GitHub issue at some point for the rest of their lives.
0:50.2	My name is Scott to Linsky. I am a developer from Denver Colorado and with me as always is West boss. Hey everybody excited to talk about some proposals. I love talking about stuff that could possibly come to JavaScript.
1:04.2	It's like when you were a kid and you're looking at the Legos catalog and you're like, oh man, I could get that Lego system or this one.
1:11.2	Landon does it all the time. He like goes to sleep with his Lego catalogs in his bed so that he can look at them and be like, what does Legos say?
1:20.2	My kids have been doing that with the flyers that we get this like newspaper thrown on our porch like once every week or two.
1:27.2	And we've tried to get them to stop but they won't. So our kids are now excited when it comes because they get to look at all the flyers for all the grocery stores and stuff like that.
1:39.2	It's hilarious. That's very funny. This episode is sponsored by two amazing companies, one of which is DQ and the other one is log rocket.
1:47.2	Now log rocket is the perfect place for you to see all of your errors and exceptions happen.
1:51.2	And I mean actually see them in a video scrubble replay with your network request your air log all that more.
1:59.2	And it works with all the systems you know, love whether you're working with let's say, you know, or react and reduck set up.
2:05.2	You can even check out your reduck store inside of this. That's a killer feature. But it works with any platform.
2:10.2	Just react and reducks but just about anything that you could think about it's going to trigger warning. It's going to show up in your dashboard.
2:16.2	You're going to get to see a scrubble video replay along with the error as it happens. So if the user clicks a button and it turns your website into a sharkasaurus, which is one of London's favorite animals.
2:29.2	That's not a real animal. If it turns your website into a sharkasaurus, we'll get to see how they did that somehow by log rocket.
2:35.2	So head on over to log rocket.com forward slash syntax where you will get 14 days for free. So check it out at log rocket.com forward slash syntax.
2:45.2	We're also sponsored by DQ. They are the trusted leaders in web accessibility. You've probably used their axe dev tools.
2:52.2	If you haven't their axe dev tools are a little thing you install in your browser and you run it on your website. And it tells you about all kinds of little accessibility issues that may be creeping into your website.
3:03.2	Well, I'm here to tell you about a DQ's axe dev tools pro, which contains all kinds of stuff, including automated and intelligent guided testing.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.