๐Ÿ”ฅ There are 446 Hot Tips!!

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.

๐Ÿ”ฅ Sublime HyperClick lets you open ES6 + CommonJS modules right from their import statement

410149140

๐Ÿ”ฅ How to destructure and rename variables in a single shot

34820

๐Ÿ”ฅ Setting Default Values with JavaScriptโ€™s Destructuring

๐Ÿ‘‰

331800

๐Ÿ”ฅ Wrap curly brackets around your console.log arguments to see the variable name and value when logged.

This[ab]uses JavaScriptโ€™s object shorthand

1.6K394227K
2.4K1.3K3618

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

2.4K1.3K3618

๐Ÿ”ฅ Four new JavaScript String methods you should know about: .startsWith(), .endsWith(), .includes() and .repeat()

21610890

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

28913150

๐Ÿ”ฅ Handy: use ES6 destructuring to get and rename values on an event or window object

1354140

๐Ÿ”ฅ CSS case insensitive attribute selectors are coming! Part of Selectors Level 4.

1314940

๐Ÿ”ฅ 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

1825530