rockiger

I don’t understand what you mean. You can create your photo gallery with react, if you want.

Probably in the next two weeks.

Did you delete the app only on the harddrive? If yes, the options array wasn’t changed properly.

Uninstall ReactPress and install it again, then it should work like expected again. Careful, all settings for ReactPress will be deleted.

I will need to add a feature for cleaning of the settings array in the future.

Maybe delete the app and try again. Otherwise, I don’t have any idea.

ReactPress creates a page in your WP, you will need to delete this page to reuse the same slug.

I am glad that ReactPress could help you. I am always happy about a nice review ??

Assuming you are using create-react-app changing your package.json like this and rebuilding should work:

"build": "PUBLIC_URL=/wp-content/reactpress/apps/[appname]/build react-scripts build",

Hello,

does your app use react-router? Because react-router is not supported yet. I am working on a routing solution, but it will need some time.

Best

Hello,

the app folder moved outside the plugin directory to ‘wp-content/reactpress’ and from the ‘apps’ folder you have to create-react-app in the command line.

The instructions in the admin make that pretty clear, I think. Hope this helps.

If you still want an older version, you will have to download from svn here: https://plugins.trac.www.ads-software.com/browser/reactpress/#tags

The workflow for ReactPress is as follows:

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.

You need to build your React app inside your local WP installation, otherwise it won’t work.

@sheprebel If the code shows up, then you can use CSS to fix the styling in the React app. Or you change your theme.

Call a component within an HTML tag from another page?

I don’t understand what you mean by that. But calling React components from outside React sounds like a bad idea.

Or to modify the actual react page with Elementor?

While I never used Elementor, It should be possible. Only make sure that the slug stays the same and the page has <div id="root"></div> in it.

Could you post the urls? Do you use react-router?

Routing is done by WordPress, so you must tell WordPress, that it shouldn’t route on your page. https://developer.www.ads-software.com/reference/functions/add_rewrite_rule/

I am working on a feature for that. But doesn’t work properly right now.

Hello @esyt,

you can use it without npm on your live system. But you need a local WP installation and node/npm there.

The workflow is the following:

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.

You should see the React app live on the created page.

Hope this helps.

PS: Don’t forget to review ReactPress if you like it.

• This reply was modified 3 years, 6 months ago by rockiger.
• This reply was modified 3 years, 6 months ago by rockiger.
• This reply was modified 3 years, 6 months ago by Yui.

Sure, you can send it at [email protected].

@rmagnus17 Could you send a screenshot from your ReactPress admin page?

Did you create an app in the folder [myappname]? The brackets are there to indicate a placeholder.