Embed React app
Embed React application into your Wordpress post.
The facts
- Rating
- 4.8★ from 5
- Active installs
- 100+
- Price
- Free
- Last updated
- 26 Feb 2019
- Added
- Aug 2018
- Requires WP
- 4.0
- Tested up to
- WP 5.1.24
- Downloads
- 5,641
Our analysis
AI-assistedThe Embed React app plugin allows you to embed a React application into your WordPress posts using a shortcode. You need to have a compiled React app hosted at a public URL and specify the paths to the JavaScript and CSS files in the shortcode. This plugin is suitable for users who want to integrate small React applications into their WordPress content.
To use the plugin, you will need to assemble the shortcode with the appropriate parameters, including the ID of the application root element and the paths to the JavaScript and CSS files. The plugin automatically detects these files, but you must update the shortcode links whenever the application is updated.
Best for: This plugin is best for WordPress users who want to embed React applications into their posts.
What it does well
- ✓Free to use from the WordPress.org directory
- ✓Allows embedding of React applications in posts
- ✓Simple shortcode setup for integration
- ✓Compatible with React apps built using create-react-app
- ✓Active installation count of 100
Where it falls short
- •Limited information on features and usage
- •Requires a hosted React app and manual shortcode setup
- •Directory score of 46/100 indicates potential issues
Verdict
Embed React app provides a straightforward solution for integrating React applications into WordPress. However, users should be aware of the manual setup required and the limited support documentation.
From the developer
pavex's own description of Embed React app, lightly tidied.
This is a simple way how to embed react application in to your post. In my blog, a wanted include small application, but typical react app is a single page app, hardly linked in index.html. He needed a simple way to solve it. The result is visible on my blog, for example: Embeding Google Photos album.
How to do it
You need compiled React app hosted on public url. Find filenames after building an application. If you using create-ract-app script, all what you need, find in “static” directory. Assemble file names into a shortcode like this:
[reactapp id="root" js="pathto/static/js/main.000000.js" css="pathto/static/css/main.000000.css"]
[reactapp id="custom_id" "pathto/static/js/main.000000.js" "pathto/static/css/main.000000.css" "pathto/static/css/another.css"]
- id – ID of application root element
- js[n] – path to Java script bundle
- css[n] – path to Stylesheet
- (files are detected automaticly by extension js/css)
That’s all.
When application was updated, you must setup new links to shortcode.
If you want to more information about this plugin, you may visit Embedding a React Application to WordPress post post in my blog.
1.0.1
Release Date – 18 January 2019
- Multiple script insert for new react build compatibility.
1.0.0
- React application shortcode.