React WP Admin

React WP Admin plugin is a basic set up for building an admin facing page in React.js. ESbuild (a fast next-generation JavaScript bundler) has been us …

Author:DYM5 (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:6.4.3
Plugin version:1.0.0
Added to WordPress repository:25-03-2023
Last updated:10-02-2024
Rating, %:0
Rated by:0
Plugin URI:https://github.com/dym5-official/react-wp-adm...
Total downloads:279
Active installs:10+
plugin download
Click to start download

React WP Admin plugin is a basic set up for building an admin facing page in React.js. ESbuild (a fast next-generation JavaScript bundler) has been used as a bundler.

GitHub link

https://github.com/dym5-official/react-wp-admin

Get started

  1. Get a copy the of plugin, either by downloading from WordPress plugins repository or simply cloning git repository of the plugin.

  2. The downloaded plugin will have react-wp-admin folder name. Rename it to your plugin name, also rename the file react-wp-admin.php to match your folder name.

  3. Change the plugin information (in react-wp-admin.php) according to your needs.

  4. Go to admin/react directory and install dependencies by running yarn.

  5. Build commands

– yarn build – Production build
– yarn build:dev – Development build, generates sourcemaps
– yarn watch – Automatically runs yarn build:dev when files change

Note

Do not modify anything outside src in react folder if you are not confident. See the ESbuild docs to customize build outputs.

Screenshots