🔥 There are 456 Hot Tips!!

🔥 Sublime HyperClick lets you open ES6 + CommonJS modules right from their import statement

🔥 How to destructure and rename variables in a single shot

🔥 Setting Default Values with JavaScript’s Destructuring

👉

🔥 Wrap curly brackets around your console.log arguments to see the variable name and value when logged.

This[ab]uses JavaScript’s object shorthand

🔥 Wrap curly brackets around your console.log arguments to see the variable name when logged. This takes advantage of ES6 shorthand syntax

🔥 Four new JavaScript String methods you should know about: .startsWith(), .endsWith(), .includes() and .repeat()

🔥 Figure out which part of your JS is applying inline styles / classes with a "break on attribute modifications" breakpoint in dev tools

🔥 Handy: use ES6 destructuring to get and rename values on an event or window object

🔥 CSS case insensitive attribute selectors are coming! Part of Selectors Level 4.

🔥 Another great use case for Flexbox is when you want a label to span "the rest" of the width beside an input without knowing widths