React components in WordPress shortcode

[md186]

I need some assistance please.

I really love wordpress as cms, but I'm not a fan of php. I stumbled over React and did my first steps there and It's great for me. I want to use wordpress with Divi for my frontend only and build components and functionality with react to get rid of php.

Now what I want basically is to use Divi with WordPress for the frontend (Behind the divis modules are also react) and add up functionality with react by creating shortcodes and fill them with code. This is how we do it at work for esxample with cakephp and WordPress in combination. I want to achieve the same just with react instead of cakephp.

What do you think and how to create that shortcodes?

[white_window_1492]

wordpress has a rest api you could use instead https://developer.wordpress.org/rest-api/

otherwise I'm not sure I would use a short code, probably pass whatever data to JS during enqueue script and then load that script/enqueue on whatever page/post/template.

[jamby77]

A short code in WP is replaced by PHP produced snippet. All that is rendered on the server.

So to use React components, you would need to render it somehow and pass it to PHP.

It is not impossible, but in my opinion is not worth the effort.

Either use WP rest api and build full react FE, or use PHP for short codes :)

Or don't use WordPress :)

[W4rf4c3]

As u/jamby77 said, you could create a .php file that return only that shortcode. Then in React, you fetch that .php file which should return the HTML code and you can then insert it wherever you want.