What is the standard way to use the version of React that ships with Gutenberg on the front end?

I found it, wp-element. The @wordpress/scripts should handle the heavy lifting of transforming the JSX in the proper way. add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_plugin_js’ ); // Loads on frontend function my_enqueue_plugin_js() { wp_enqueue_script( ‘my-plugin-frontend’, plugin_dir_url( __FILE__ ) . ‘js/plugin.js’, [‘wp-element’] ); } Once we do this we will have window.wp.element available in our JavaScript. This contains the … Read more

React Material UI and WordPress Admin Area

The fundamental issue is that MUI is probably not meant to be used in an environment where there are already styles like this. It’s supposed to be the base layer. The WordPress admin has its own styles and it’s highly unusual to try and use a completely different UI framework inside of it. These types … Read more

Renaming the ‘build’ directory generated by @wordpress/scripts for React development

I am writing this answer after testing the suggestion given by @SallyCJ (thank you for pointing me towards the right direction) Writing the following entry into the scripts section of package.json will change both the source and destination of the React code. “scripts”: { “build”: “wp-scripts build –webpack-src-dir=path/to/source/dir/ –output-path=path/to/destination/dir/”, “test”: “echo \”Error: no test specified\” … Read more