React WP Shortcode App
Easily integrate React components into WordPress content using shortcodes
★ 4stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/tonyfarha/react-wp-shortcode-app/archive/refs/heads/main.zipFrom the readme
React WP Shortcode App (wip)
React WP Shortcode App is an extended version of the React WP Shortcode Boilerplate plugin. It enables easy integration and rendering of a React application within any post or page through a straightforward shortcode. Built on @wordpress/scripts, it offers a streamlined development and build workflow perfect for custom projects.
Installation
Prerequisites
Ensure you have Node.js and npm installed on your machine.
1. Download the Plugin: Download the ZIP file of this plugin and extract it to your WordPress plugin directory (wp-content/plugins/react-wp-shortcode-app).
2. Install Dependencies: Navigate to the plugin's root directory in a terminal and run npm install to install the required dependencies.
3. Build for Production: Run npm run build to compile and optimize your React app for production use.
4. Activate the Plugin: Navigate to the "Plugins" menu in your WordPress admin area. Find "React WP Shortcode App" in the list and click "Activate".
Usage
To use the plugin, simply add the following shortcode to the content of any post or page where you want your React app to appear:
Or you can optionally specify an ID attribute for the root elem