JavaScript Pro Tips - Code This, NOT That

[jeromesnail]

At first I was like "I can't think of anything this video could teach me".
After two minutes "I don't even know how console logging works..."

[perfectwebsolutions]

00:48 how to use console.log
02:39 Object Destructuring
04:00 Template Literals
06:09 Spread Syntax
08:20 Loops
10:21 Async/Await

[vitamin_ce]

Fireship : So we're going to parse the arguments in it....
Me : Looses focus for a bit
Fireship : So yeah that's how you make Minecraft with JS

[bender]

00:51 - Debugging with console.log
02:39 - Destructuring
03:59 - Template literals
06:07 - Spread syntax
08:19 - Loops
10:18 - async/await

[andyyuan]

It's a whole new level of console.log!

[yunusdurdygulyyew]

This is depressing and motivating at the same time

[alexschlake]

A lot of valuable information in here, thanks so much. Not too basic, but also not confusingly high-level. The console table, "Oh that's sexy"

[BlueskyFR_]

This is more a guide on how to use the latest JS features than a good pratices tutorial.

[magne]

9:23 It should be a disclaimer that running the for-loop on orders once (in the code he advises against) is faster than iterating orders 3 times using orders.reduce, orders.map, and orders.filter. If orders is a huge array this could significantly impact performance, and then the for-loop would actually be an optimisation.

"I can do a whole video on console logging"

Please do!!

[AlejandroVivas]

Shit, I just realized I don't know nothing about JS.

[TheXBoy]

Thumbnail: "Code This, NOT That"
My brain: "Code NOT This That"

[susannnico]

Investment in stocks is a great way to invest your money. The team is constantly checking the market for changes and make sure that you are always informed about the best time to invest. As a result, I have made more money than ever before, and I don't have to manage my portfolio on my own! Invest in stocks, it's worth it!

[RonanConnolly]

Wow, I had no idea about:
- console.table
- console.log({propertyName})
- CSS style in console.log


Thanks for the tips!

[TwinFeats]

Excellent video! I've been a JS developer for 20 years, and so I learned a ton from this. :) As an old-timer, I do have one comment on some of the efficiencies here: I prefer code clarity over code brevity. Shorter code is not necessarily easier to understand, especially for someone who is not yet a JS expert. So some of the tricks you showed I will absolutely be using, but others I won't just because - to me - they aren't as clear as what they are replacing. :)

[Philson]

So much new modern stuff. I used to write a whole bunch of archaic code, since I come from the C/Java world.

[ihavetwofaces]

Unironically liked, commented, and subscribed. Amazing quality. Extremely informative while concise. Thank you!

[tehdave]

Another thing to keep in mind at ~10:15 is that you're now doing 3 loops compared to one loop. At some point you have to wonder whether you want to give up runtime for readability, because the for loop is definitely going to be faster. It doesn't matter when you have one record, but if you have an array of multiple hundreds of thousands of records if you're running a batch or an import of something, it is going to make a difference if you reduce, filter, and map, or just do one for loop. Technically you could also just do it in one reduce function.

[sleeplessdev]

Most "pro" tip videos are pretty obvious syntax sugar in ES6; But I actually learned some cool stuff from this one!
I can use console.table to print formatted arrays?? "Woah!"
I can add inline styling to console.logs?? "Whaaattt!"
I can use template literals to automagically destructure function parameters??? "Mind BLOWN!!"
Great video!

[ouvie]

00:19 being rickrolled in a JavaScript tutorial is one of the last things I would imagine happening