[{"name":"Embed React app","slug":"embed-react-application","version":"1.0.1","author":"pavex@ines.cz","author_profile":"https://profiles.wordpress.org/pavex/","requires":"4.0","tested":"5.1.19","requires_php":false,"requires_plugins":[],"rating":96,"ratings":{"1":0,"2":0,"3":0,"4":1,"5":4},"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"downloaded":4418,"last_updated":"2019-02-26 4:21pm GMT","added":"2018-08-09","homepage":"https://www.publicalbum.org/blog/embedding-react-app-wordpress-post","sections":{"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\"]\n[reactapp id=\"custom_id\" \"pathto/static/js/main.000000.js\" \"pathto/static/css/main.000000.css\" \"pathto/static/css/another.css\"]\n

id – ID of application root element
js[n] – path to Java script bundle
css[n] – path to Stylesheet
(files are detected automaticly by extension js/css)

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

1.0.1

Release Date – 18 January 2019

Multiple script insert for new react build compatibility.

1.0.0

React application shortcode.

\n"},"short_description":"Embed React application into your Wordpress post.","download_link":"https://downloads.wordpress.org/plugin/embed-react-application.zip","screenshots":[],"tags":{"embed":"embed","react":"react","reactapp":"reactapp"},"versions":[],"donate_link":"","icons":{"1x":"https://ps.w.org/embed-react-application/assets/icon-128x128.png?rev=1922342","2x":"https://ps.w.org/embed-react-application/assets/icon-256x256.png?rev=1922342"}}]

reactapp

Embed React app

Get New Themes & Resources