svgr is a library designed to convert your SVG files to a React component for ease of portability and quick styling (by passing in a color prop). However, there is a performance hit to consider (especially on mobile) when converting/styling SVGs like this.

Don’t want to convert your .svg to .js just to style it easier? No worries, you can always restyle SVG using CSS.

If you’ve ever deployed your new React app to a subfolder on your server and you’re using React Router you might notice that React Router starts getting all funky and truncates the subfolder name. This is the expected behavior, albeit something easy to overlook when deploying to a subfolder. The good news is that there is a pretty straightforward solution: just add a
basepath to your Router and specify the folder name.

I’m not too sure who deserves credit for this observation, but it’s awesome. My take away from it is that apps can have such a significant impact that they can completely disrupt our collective way of thinking.