Embed React app

Description

This is a simple way how to embed react application in to your post. In my blog, a wanted include small application, but typical react app is a single page app, hardly linked in index.html. He needed a simple way to solve it. The result is visible on my blog, for example: Embeding Google Photos album.

How to do it

You need compiled React app hosted on public url. Find filenames after building an application. If you using create-ract-app script, all what you need, find in “static” directory. Assemble file names into a shortcode like this:

[reactapp id="root" js="pathto/static/js/main.000000.js" css="pathto/static/css/main.000000.css"]
  • id – ID of application root element
  • js – path to Java script bundle
  • css – path to Stylesheet

That’s all.
When application was updated, you must setup new links to shortcode.
If you want to more information about this plugin, you may visit Embedding a React Application to WordPress post post in my blog.

Contributors & Developers

“Embed React app” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Embed React app” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.