{"repo":"younes-dro/wp-plugin-reactjs","free":true,"listed":false,"github":"https://github.com/younes-dro/wp-plugin-reactjs","clone":"git clone https://github.com/younes-dro/wp-plugin-reactjs.git","description":"A WordPress Plugin starter for developers who want to use ReactJS in the development of WordPress Plugins.","language":"JavaScript","stars":36,"topics":["wordpress","wordpress-boilerplate","wordpress-plugin","reactjs","babel","npm","webpack5","boilerplate-react","boilerplate"],"license":"GPL-3.0","category":"saas-starters-boilerplates","readme_excerpt":"Starter WordPress Plugin ReactJS A ready-to-use WordPress Plugin that makes it easy to integrate React JS into the development of a WordPress Plugin. You can create your JSX components and compile them into JavaScript, which will be enqueued by WordPress. --- Requirements Install the module bundler Webpack v5+ and webpack-cli globally : --- Installation 1. Clone the repository to the Plugins directory of your WordPress installation: /wp-content/plugins/ . 2. Install the dependencies: 3. Use the provided npm scripts to build the project: - For development : This will generate the public/bundle.js file with source maps for debugging. - For production : This will generate the optimized and minified dist/public/bundle.js file. - To watch for file changes : Automatically rebuilds the development bundle when changes are detected. - To clean the output : Removes old build files from the public/ and dist/public/ directories. --- View The plugin creates a menu entry under Tools - WP Plugin React . Visit this page to see the result of your React components. --- Features 1. Container Component for Dynamic Component Management : - Introduces a Container component that dynamically loads and renders multiple components in a structured layout. - Works seamlessly with the DynamicLoader to fetch and render components from the centralized registry. How It Works: - The Container defines a list of component names: - Each component is dynamically loaded using DynamicLoader . Example: Adding a New","default_branch":null,"files":null,"tree":[],"storefront":"/r/younes-dro","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/younes-dro/wp-plugin-reactjs/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}