πŸ”₯ 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.

← Prev 10 please

Page 25 of 45

10 More please β†’

πŸ”₯ Use console.dir() to see the properties of an element when console.log() gives you a DOM element

1.1K327183

πŸ”₯ Quit find-and-replacing in your code! VS Code's Rename Symbol is the best way to mass-rename things things like classes, variables and selectors.

1.3K370373

πŸ”₯ CSS Grid and Flexbox require a direct parent child relationship to work. With React 16.2 we can use <Fragment></Fragment> to return top level siblings from a Component. No more returning wrapper divs!

406106121

πŸ”₯ If you have a noisy console or network tab, you can usually filter those things out

641130

πŸ”₯ 4 Ways to handle the double promise with fetch() and async+await

899250205

πŸ”₯ @jensimmons just launched a new YouTube channel called Layout Land - first video is on CSS Grid! Make sure you subscribe!

1503411

πŸ”₯ Use curly brackets in the command line to cut down on typing the same thing over and over

1.5K415435

πŸ”₯ CSS Variables are perfect for overwriting parts of a definition that can’t be broken up like text-shadows, transforms or gradients

2444140

πŸ”₯ VS Code now has a shrinking tabs option - no more scrolling for your tabs!

"workbench.editor.tabSizing": "shrink"
45896130

πŸ”₯ With CSS variables, you can overwrite values when authoring HTML with an inline style attribute

52914881
← Prev 10 please

Page 25 of 45

10 More please β†’