SEO is important for almost any site, and React sites are no exception.
The problem with a React site is that the content is often generated on the client. This means that search engines may not index your content, which means users won't find your pages.
Server-side rendering is one solution, but it doesn't work for everybody (for instance if your backend is already built and it's not running node).
The good news is that even if you are only rendering client-side, Google might already be crawling your React components.
Read on to find out how to tell if the Googlebot is crawling your React components. In case it isn't, we'll cover how to make it do so.
Google provides a great tool called Fetch as Google. You can use it to check if Google has found your rendered React components.
The directions are in this Google support link, but before they will work, you need to access Google's Search Console. Fortunately, Google provides Search Console for free, and you can sign up at google.com/webmasters.
So, to iterate this two-step process:
Once you get into Fetch as Google, be sure to use the Fetch and Render
button to get a visual indication of whether or not Google is seeing your
content. It looks like this: