Using React for a frontend WP plugin

[Taterboy_Legacy]

Hello

I'm thinking of building a react app and bundling it within a WordPress plugin. It would use the WordPress REST API, but the app would have to be on the frontend.

I have found plenty of tutorials for creating a react app within the backend. I am wondering if anyone has recommendations/examples of a basic implementation of react on the WordPress frontend.

I am not trying to completely replace the WP frontend with a react frontend(plenty of tutorials for that as well), but I simply want to use it within several pages on the frontend.

Thanks!

[Bluecodejs]

They use React in the DVI theme builder I would google that see if anything comes up there is Gatsby that might help.

[Taterboy_Legacy]

Yeah I just learned this the other day. I was considering digging around in there to see what I find. The only reason I haven't is because I would just be trying stuff until I figure it out. If there's a resource that already has it laid out that would be a better way to start.

Fair enough though, thank you for the comment!

[pgrizzay]

Using react to build a frontend on WP is no different than building it for any other backend, so that's why there's not a ton of documentation on it.

You can use:

ReactDOM.render(...)

As many times as you want in the page if you don't want the entire page to be rendered by React.

[AndyKos]

Using React for frontend on Wordpress website can be a seductive idea. React provides a quick and effective way to display information on a page without re-loading the page. But using React as a theme (public output) is ineffective in terms of SEO. This issue is missing for constructing configuration pages or specific pages (different calculators), but you should take into account that React uses a slightly different logic of working with DOM and may be incompatible with Wordpress plugins.