🔥 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!
🔥 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.
🔥 If you have a noisy console or network tab, you can usually filter those things out