{"id":14,"date":"2025-11-04T19:17:39","date_gmt":"2025-11-04T19:17:39","guid":{"rendered":"https:\/\/jaedpro.com\/wp-react-panel\/?post_type=docs&p=14"},"modified":"2025-11-05T12:15:27","modified_gmt":"2025-11-05T12:15:27","password":"","slug":"installation","status":"publish","type":"docs","link":"https:\/\/jaedpro.com\/wp-react-panel\/docs\/installation\/","title":{"rendered":"Installation"},"content":{"rendered":"\n

Here, let me show you how easy it is to use WPReactPanel inside your WordPress projects. Here in this documentation, I am going to assume you are using it in a WordPress Plugin.<\/p>\n\n\n\n

1. Downloading WPReactPanel<\/h3>\n\n\n\n

You can use the WPReactPanel directly in your existing or new projects with just the build file. Download the project file from the GitHub public repository<\/a> <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

2. Adding it to your Plugin<\/h3>\n\n\n\n

Once you download, copy the wp-react-panel<\/code> directory inside your plugin’s root folder. As you are going to use the build version of the framework, you can delete the following files and folders: <\/p>\n\n\n\n

    \n
  • \/app<\/li>\n\n\n\n
  • .gitignore<\/li>\n\n\n\n
  • .git<\/li>\n\n\n\n
  • README.md<\/li>\n\n\n\n
  • .example-usage.php<\/li>\n<\/ul>\n\n\n\n

    Just be aware that the build<\/code> folder and wp-react-panel.php<\/code> are safe and inside the wp-react-panel<\/code> folder.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    3. Include WPReactPanel Class<\/h3>\n\n\n\n

    Now, inside your plugin’s main file or wherever you want to include this framework, do it. Here is an example code snippet to include inside your plugin. <\/p>\n\n\n\n

    \n\n
    \n
    \n
    \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n
    \n \n
    \n my-plugin.php<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n
    \n
    \n