Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.
Page 32 of 45
๐ฅ 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