Adding Plugins Built With React To WordPress

  • jon424

    (@jon424)


    3 years, 3 months ago

    I am trying to create custom plugins for WordPress using React. For context, I have been following this video: https://www.youtube.com/watch?v=NKqogVcqDHA

    Running WordPress locally on XAMPP, I have added two new plugins:
    –wp-content
    —-plugins
    —-+added-plugin-one
    —-+added-plugin-two

    Each added plugin has the same basic structure – they are React apps that have been added following the instructions in the video (in the Boilerplate Plugin section).

    When I add the plugins and run npm run build, I can see them on the Plugins menu on the WordPress Dashboard. I can activate both plugins from this screen as well.

    However, when I go to edit a post and try to insert these plugins as blocks, I only see one of the plugins available. The other plugin and its icon are not displayed in the editor.

    I can deactivate either one and see the other one in the post editor, but I would like to see both plugins and be able to use both of them. Is there a reason why I might only be able to use one of them and not both? Thanks for any suggestions.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    3 years, 3 months ago

    Complete speculation, I suspect a name collision where one function is overriding the other from the other plugin. Unless you namespace or objectify names to isolate them from other code, you need to ensure all names are unique.

Viewing 1 replies (of 1 total)

The topic ‘Adding Plugins Built With React To WordPress’ is closed to new replies.