rockiger

Strange, you shouldn’t been allowed to activate the plugin as PHP 7.4+ is required.

Unfortunately, I can’t help with the update of your PHP version. I recommend using Local as a dev environment for WordPress.

PS: If you like the support or the plugin, consider leaving a review.

Hey @lyle,

it seems that your php installation doesn’t allow arrow functions. Do you have php 7.4 or older or deactivated arrow functions?

Please stick to the documentation:

1. Install ReactPress on your local WordPress installation.
2. In your command line use npx create-react-app [your-app-name] in the apps directory of ReactPress, e.g. [path-to-WordPress]/wp-content/reactpress/apps/my-app
3. Reload the ReactPress admin page and add a URL Slug for your app.
4. In the command line start the React app with npm start or yarn start.
5. Develop your app, changes will automatically hot reloaded.
6. When you are finished, build the app from the command line. You can now see your app embedded in your WordPress instance. Open it at [your-domain]/[your-slug].
7. To deploy, Install ReactPress on live WordPress site.
8. Upload the build folder from your dev system under .../wp-content/reactpress/apps/[your-app-name] to the same directory onto your live server. No need for create-react-app.
9. Reload the ReactPress admin page and add a URL Slug for your app.
10. Open the React app under [your-domain]/[your-slug].

All steps are mandatory and there shouldn’t be any deploy button.

BTW, the newest version of ReactPress provides custom routing. See the FAQ.

There is one global js variable ‘reactPress’. It has two properties user and usermeta.

If the user is logged in, the holds the user data, otherwise, they are empty.

Have a look into the source of the generated page. The var is called reactPress.

You should be able to access it directly or with window.reactPress.

Using one app in more than one is not possible at the moment, sorry. You have to copy the build folder of the app for every place you want to use it.

I have that on the feature list right now, but I don’t know when I will start with that feature. But I am happy to accept pull requests: https://github.com/rockiger/reactpress/issues/12

I am not 100% sure, what you want to do. The page where the react-app is shown must be the page with the slug defined in the ReactPress settings.

After this page is created. You can change this page however you want, as long as the code snippet above is present.

Hope this helps.

@psycos

I released a new version, that will allow the use of react-router. For it to work with in existing app, you will need to change the slug or delete the app and reinstall the app.

After you did that you will need to go to your permalink settings in workspace and hit the save button.

Hope this helps.

You don’t use it to build a theme. The whole point of ReactPress is to use inside a WordPress site with a normal WP-theme.

If you want to create WP themes with React you need to use frameworks like Frontity or Next.js.

Hi @ryan1775clark, the latest react version I use is 17.0.2.

When you say it works for our team members, do you mean it’s running on localhost with yarn start?

If your app doesn’t work inside WordPress, could you test the build with another static server like serve?

Did you replace [appname] with the name of your app?

Both issues you describe doesn’t seem to have something to do with ReactPress. I am sorry I can’t help you.

Did you replace [appname] with the name of your app?

When I look at the link. I don’t see any React app there. Only a <div id="root"></div>.

Maybe something went wrong during deployment. Please double check that you followed these steps:

1. Install ReactPress on your local WordPress installation
2. Use create-react-app from the command line in the apps folder shown in ReactPress
3. Reload ReactPress page and give the app a slug
4. Develop your React app
5. Build the app
6. Install ReactPress on live WordPress site
7. Create the same folder there (no need for create-react-app) there
8. Upload the build folder of your React app into the created folder.
9. Reload ReactPress page and give the app the SAME slug.