BachaAbdellatif / Empowering-WordPress-Plugins-with-React-Admin-Panel

Empowering WordPress Plugins with React Admin Panel

I built this WordPress plugin to give React developers a simple boilerplate admin page for your plugin, it is easily customizable and scalable.

How to use it

How to use the plugin with npm

Requirements:

• Install NodeJs

Install

  npm install

Run

  npm start

File structure

    
        my-plugin
        ├── README.md
        ├── react-panel.php
        ├── build
        ├── class
            ├── admin-page.php
            ├── routes-setting.php
        ├── package.json
        └── src
            ├── panel
                ├── component
                    ├── checkbox.jsx
                    ├── color-picker.jsx
                    ├── datacontext.jsx
                    ├── dropdown.jsx
                    ├── inputText.jsx
                    ├── media-upload.jsx
                    ├── textareaText.jsx
                ├── panel.js
            ├── style.scss
            ├── index.js
    

Customization

Customize your panel page using available components to get your admin page.

Go to: my-plugin/src/panel.js

Fill free to edit all components to get your customized options

Demo