How To Use ReactJS in Wordpress Plugin

Question

I am having trouble using ReactJs in a Wordpress plugin.

I am developing a Wordpress plugin using ReactJs. Googling only found ReactJs in a Wordpress theme, not plugin development.

I was able to use shortcode with the PHP-based of my plugin. Not sure how shortcode would work with React-based plugin. — MichaelP
– MichaelP, Commented Nov 15, 2015 at 15:17

Community · Accepted Answer · 2017-05-23 12:07:22Z

1

I got it working on a plugin admin page.

Started with a working PHP-based plugin setting page. Then replaced all PHP code in the setting UI page with

<div id="content"></div>

Pre-transformed the JSX. I wasn't able to get JSX transform to work on the fly. I am not if this possible in Wordpress.

Also ran into document not ready issue. This was solved by this question.

Invariant Violation: _registerComponent(...): Target container is not a DOM element

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Nov 15, 2015 at 15:28

MichaelP

413 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gradosevic Over a year ago

I get the same error when I don't use Babel. If I include Babel, this error disappears and everything is back to normal. So, this can work if you include 3 scripts, React, ReactDOM and Babel and use "text/babel" for your app.js. Without Babel it doesn't work and I'm still trying to figure it out.

Collectives™ on Stack Overflow

How To Use ReactJS in Wordpress Plugin

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related