🔥 There are 449 Hot Tips!!

🔥 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;
}

🔥 Quick Video: Heres how JavaScript's Nested Object Destructuring works

🔥 .toLocaleString() is a great way to format currency

🔥 Use console.dir() to see the properties of an element when console.log() gives you a DOM element

🔥 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.

🔥 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!

🔥 If you have a noisy console or network tab, you can usually filter those things out

🔥 4 Ways to handle the double promise with fetch() and async+await

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

🔥 Use curly brackets in the command line to cut down on typing the same thing over and over