πŸ”₯ There are 260 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 6 of 26

10 More please β†’
Deets Tweet

πŸ”₯ Poor (wo)man’s object search - stringify the object and use String.includes to filter the array

16115128
Deets Tweet

πŸ”₯ The Array .some() Method is super handy for checking if at least one item in an array meets what you are looking for

553126816
Deets Tweet

πŸ”₯ If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
3.2K71349182
Deets Tweet

πŸ”₯ Quick Video: Heres how JavaScript's Nested Object Destructuring works

1333346
Deets Tweet

πŸ”₯ .toLocaleString() is a great way to format currency

2.4K6973614
Deets Tweet

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

1.1K327183
Deets Tweet

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

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

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

641130
Deets Tweet

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

899250205
← Prev 10 please

Page 6 of 26

10 More please β†’