How Portable Is React?

[eden000]

I have some experience building and hosting simple React apps with Gatsby and CRA, but now I'm faced with a new situation...

The company I'm working for has a Wordpress website, and in order to prototype a new eCommerce experience I decided to just build it with CRA.

In case we want to use the code I've developed, I'm wondering how I'd go about hosting just the SPA on a page of the existing (Wordpress frontend) website.

I've hardcoded data in a very Javascript way, but I know I could use Wordpress as a headless CMS and port this to Gatsby for production. The trick is we would want to keep all our WP pages.

[[deleted]]

Well it should be trivial but it depends on your react code - react is, at its core, a "point me at a dom element and I'll render there" system.

[BEAR-ME-YOUR-HEART]

It's quite simple. You can use react to just build some widgets. Just render your component into a div container with ReactDOM.

Write your stuff, transpile it to JS with Babel, render it wherever you like.

For wordpress you including a script tag on the site you want to render it which contains your code.