🔥 There are 433 Hot Tips!!

🔥 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

🔥 Flexbox tip: In most cases, margin: auto; on flex-items does the same thing as justify-content: center; align-items: center;

🔥 JavaScript Completions for Sublime Text has had some major upgrades including inline docs.

🔥 Another new DOM Api is .scrollIntoView() to smooth scroll to a place on your page